Twitter bootstrap 使用引导向导航栏添加外部链接

是否可以利用引导在导航栏中包括外部链接？当我将菜单项文本包装在链接标签中时，链接不起作用……我是否遗漏了什么？具体来说，我想在导航菜单中添加一个外部链接，其中其他项目仅链接到页面上的区域。

我也遇到了同样的问题；我只是用JQuery重定向到外部链接，如下所示：

HTML:

---

我只是尝试了一下，但在webkit中没有发现此代码有任何问题：

<nav class="navbar navbar-default navbar-inverse navbar-fixed-top" role="navigation">
    <div class="container-fluid">
        <div class="collapse navbar-collapse" id="navbar-collapse-1">
            <ul class="nav navbar-nav">
                <li><a href="http://google.com" target="_blank">Google</a></li>
                <li><a href="http://yahoo.com" target="_self">Yahoo</a></li>
            </ul>
        </div>
    </div>
</nav>

JSFiddle：（注意，带有target=“_self”（默认目标）的外部链接不会加载到JSFiddle中，但我在本地确认了它）

---

您可以为导航栏添加示例HTML/任何自定义CSS吗？应该没有理由用JQuery或JS重写任何内容。

它不起作用。它告诉您不可能理解开头包含http://的链接。语法问题。这与问题无关。链接href=“网站”不起作用，jquery返回“未知参数或语法”错误。我所做的是在标签上添加一个名为destination=“website”的新属性，并将href=”保留为空，这样就不会出现错误。此外，我们还必须将脚本更改为.attr（'destination'）或您在新属性上使用的任何名称。

function changePage(event) {
    if($(event.target).hasClass('external')) {
        window.location.href = $(event.target).attr('href');
        return;
    }
    //...
}
$(function () {
    $('.nav li').click( changePage );
}

<nav class="navbar navbar-default navbar-inverse navbar-fixed-top" role="navigation">
    <div class="container-fluid">
        <div class="collapse navbar-collapse" id="navbar-collapse-1">
            <ul class="nav navbar-nav">
                <li><a href="http://google.com" target="_blank">Google</a></li>
                <li><a href="http://yahoo.com" target="_self">Yahoo</a></li>
            </ul>
        </div>
    </div>
</nav>