Question

我在点击下一页时让活动类更改时遇到问题。我在这里尝试了很多不同的脚本变体，但是没有任何运气可以运气。我的项目位于：http://criminallawyerhuntsville.com/proof/。

    <script>
            $('.navbar-right li').click(function(e) {
            $('.navbar-right li.active').removeClass('active');
            var $this = $(this);
            if (!$this.hasClass('active')) {
                $this.addClass('active');
            }
            e.preventDefault();
        });
    </script>
  </head>
      <body>
          <div id="wrapper">
              <header id="header" style="backface-visibility: hidden; transition: -webkit-transform 0.25s ease-in-out;">
                <nav class="navbar navbar-inverse">
                  <div class="container-fluid">
                    <div class="navbar-header">
                      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#Navbar">
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span> 
                      </button>
                      <a class="navbar-brand" href="#"><img src="images/robertsonlogo.png" height="50px"></a>
                    </div>
                    <div class="collapse navbar-collapse" id="Navbar">
                      <ul class="nav navbar-nav navbar-right">
                        <li class="active"><a href="index.php">Home</a></li>
                        <li><a href="domestic_violence.php">Domestic Violence</a></li>
                        <li><a href="drug.php">Drug Crime</a></li> 
                      </ul>
                    </div>
                  </div>
                </nav>
            </header>

Answer 1

你使用没有$（文件）.ready（）的jQuery？将代码更改为以下内容，以便它甚至触发，然后检查控制台是否有错误。

webview.Settings.LoadWithOverviewMode = true;
webview.Settings.UseWideViewPort = true;

Answer 2

如果使用“防止默认”，则需要阻止锚标记起作用，因此必须单击该标记这个例子是你的活跃类在li而不是锚点上：

$('.navbar-right li a').click(function(e) {
   $('.navbar-right li.active').removeClass('active');

   if (!$(this).parent().hasClass('active')) {
     $(this).parent().addClass('active');
   }
   e.preventDefault();
 });

在此尝试：https://jsfiddle.net/xhgwjxku/

Bootstrap CSS导航活动类更改onclick

2 个答案: