导航菜单中的外部 URL 不工作

Question

我正在尝试将菜单 link 重定向为 target=_blank，但它似乎不起作用。如果我将这段代码放在它自己的 html 文件中，但当它在我的网站上时，它不会起作用

这是 "Example" 菜单 link 我遇到了问题。

<!-- 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 - 这意味着只有内部 links 的单页网站的导航。
根据 jQuery-One-Page-Nav 的自述文件，您需要将名为 "external" 的 class 添加到 link 以获得外部页面 link 上班：

<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 不工作

External URL in Nav menu not working

html

javascript

nav