css - 带链接的 Bootstrap Navbar 不起作用

Question

看，我这里有一个大问题，在我的导航栏中，我需要在右侧创建一个按钮，只有这个按钮需要打开另一个页面，“portal.html”，另一个按钮只是滑动索引，比如 index.html。 html#photos 等

另一个按钮工作正常:

 <div class="container">
        <div id="navbar" class="navbar navbar-default">
            <div class="navbar-header">
                <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
                    <span class="sr-only">InC - Inglês corporativo</span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>
                <a class="navbar-brand" href="index.html"></a>
            </div>
            <div class="collapse navbar-collapse">
                <ul class="nav navbar-nav">
                    <li class="active"><a href="#main-slider"><i class="icon-home"></i></a></li>
                    <li><a href="#empresa">Empresa</a></li>
                    <li><a href="#pricing">Serviços</a></li>
                    <li><a href="#portfolio">Perguntas Frequentes</a></li>
                    <li><a href="#contato">Contato</a></li>
                </ul>
                <div class="collapse navbar-collapse">
                <ul class="nav navbar-nav navbar-right">
                <li><a href="portal.html"><b>Portal Acadêmico</b></a></li>
                </ul>
            </div>
        </div>
    </div>

我找到了问题，但我不知道如何解决。在 Main.css 中，看看我发现了什么:

$('.navbar-nav > li').click(function(event) {
    event.preventDefault();
    var target = $(this).find('>a').prop('hash');
    $('html, body').animate({
        scrollTop: $(target).offset().top
    }, 500);
});

所以...有人可以帮助我吗？ :)无论如何谢谢!

Answer 1

试试这个:

给那个li设置一个唯一的id

 <li id="btn"><a href="portal.html"><b>Portal Acadêmico</b></a></li>

脚本:

 $('.navbar-nav > li').click(function (event) {
            if ($(this)[0].id != 'btn') {
                var target = $(this).find('>a').prop('hash');
                $('html, body').animate({
                    scrollTop: $(target).offset().top
                }, 500);
            }
        });