首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >Nav菜单中的外部URL无法工作

Nav菜单中的外部URL无法工作
EN

Stack Overflow用户
提问于 2015-06-25 12:49:32
回答 1查看 589关注 0票数 0

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

这是我遇到麻烦的“示例”菜单链接。

代码语言:javascript
运行
复制
<!-- 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中提到目标的所有内容

代码语言:javascript
运行
复制
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);
EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2015-06-25 13:47:25

快速搜索这些函数名,让我相信您正在使用jQuery-一页-Nav -这意味着导航一个单一页面的网站,只有内部链接。

根据jQuery-Nav的自述文件,您需要在链接中添加一个名为" external“的类,以便使外部页面链接工作:

代码语言:javascript
运行
复制
<li><a href="http://google.com" class="external">Some other link</a></li>

将其弹出到一个新的选项卡应该是一个简单的调整:

代码语言:javascript
运行
复制
<li><a href="http://www.google.com" class="external" target="_blank">Example</a></li>
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/31050884

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档