Question

是否可以使用引导程序在导航栏中包含外部链接？当我将菜单项文本包装在链接标记中时，该链接不起作用...我错过了什么吗？具体来说，我想在导航菜单中添加一个外部链接，其中其他项目只链接到页面上的区域。

Answer 1

我有同样的问题;我只是重定向到JQuery的外部链接，如下所示：

HTML：

<ul class="nav">
    <li><a href="http://www.google.com" class="external">External</a></li>
    <li>...</li>
</ul>

JQuery的：

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

Answer 2

我刚试过这个，并没有在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：http://jsfiddle.net/62DJW/1/（注意外部链接与target =＆＃34; _self＆＃34;，默认目标，不在JSFiddle中加载，但我在本地确认了。）

您可以为导航栏添加示例HTML /任何自定义CSS吗？没有理由不得不用JQuery或JS覆盖任何东西。

使用引导程序将外部链接添加到导航栏

2 个答案: