Question

我试图获得一个菜单链接以重定向为target = _blank，但它似乎无法正常工作。如果我把这段代码放在自己的html文件中，但是当它在我的网站上时，它就可以了。

这是＆＃34;示例＆＃34;菜单链接我遇到了麻烦。

<!-- Nav -->
  <nav id="navigation" class="animated fadeInUpBig shadow">
    <ul id="nav">
      <li class="current shadow"><a href="#section-1">Home</a></li>
      <li class="shadow"><a href="#section-2">About</a></li>
      <li class="shadow"><a href="#section-3">Services</a></li>
      <li class="shadow"><a href="#section-4">Events</a></li>
      <li><a href="http://www.google.com" target="_blank">Example</a></li>
      <li class="shadow"><a href="#section-6">Contact</a></li>
    </ul>

以下是我在JS中提到的所有内容

getHash: function($link) {
            return $link.attr('href').split('#')[1];
        },

getPositions: function() {
            var self = this;
            var linkHref;
            var topPos;
            var $target;

            self.$nav.each(function() {
                linkHref = self.getHash($(this));
                $target = $('#' + linkHref);

                if($target.length) {
                    topPos = $target.offset().top;
                    self.sections[linkHref] = Math.round(topPos) - self.config.scrollOffset;

handleClick: function(e) {
            var self = this;
            var $link = $(e.currentTarget);
            var $parent = $link.parent();
            var newLoc = '#' + self.getHash($link);

Answer 1

快速搜索这些功能名称会让我相信您正在使用jQuery-One-Page-Nav - 这意味着只有内部链接的单页网站导航。
根据jQuery-One-Page-Nav的自述文件，你需要添加一个名为＆＃34; external＆＃34;的类。到链接，以使外部页面链接工作：

<li><a href="http://google.com" class="external">Some other link</a></li>

将其弹出到新标签应该是一个简单的调整：

<li><a href="http://www.google.com" class="external" target="_blank">Example</a></li>

导航菜单中的外部URL无法正常工作

1 个答案: