Question

我的引导navbar上有navbar个文字项。在我的action methods (MVC)我已经使用以下代码突出显示（或激活）navbar

上点击的项目

@section scripts
{
    <script type="text/javascript">
        $(document).ready(function () {
            $(document).on('click', '.navbar-menu-item', function (evt) {

                var cat = $(this).text();

                if (cat=='TV & Audio')
                {
                    $('#navbar li').removeClass('active');
                    $('a:contains("TV & Audio")').parent().addClass('active');
                }
                else if (cat=='Cameras')
                {
                    $('#navbar li').removeClass('active');
                    $('a:contains("Cameras")').parent().addClass('active');
                }
            });
         });
   </script>
}

一旦页面加载了＆＃39; active＆＃39;跳回上一个活动项目。默认情况下，我已将'Home'项设置为_layout.cshtml中的有效项。调用所有页面的主要操作方法具有上述js代码。单击navbar项目时，它显示为活动状态，但在完成页面加载后，它会生成＆＃34; Home＆＃34;再次活跃。有没有解决这个问题？

为什么在页面加载完成后bootstrap导航栏项的活动状态会发生变化？

0 个答案: