Question

看，我在这里有一个大问题，在我的导航栏中，我需要在右边创建一个按钮，只有这个按钮需要带另一个页面，“portal.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>

SCRIPT：

 $('.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);
            }
        });

带链接的Bootstrap Navbar不起作用

1 个答案: