jQuery click（）and on（）function

Question

ユーザーがボタンをクリックしたときにメニューに「アクティブ」クラスを追加しようとしていますが、何らかの理由で正しく動作しません。彼らは本当に速く2回クリックする必要があります。クリックとクリックの両方の機能を試しましたが、まだ機能していません。

 \t $('#menu li').click(function() { 
 
    \t  $('#menu li.active').removeClass('active'); 
 
    \t  $(this).addClass('active'); 
 
    \t });

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div class="navbar-collapse collapse"> 
 
    <ul class="nav navbar-nav navbar-right" id="menu"> 
 
    <li class="nav active"><a href="?load=index">Home</a> 
 
    </li> 
 
    <li class="nav"><a href="?load=about">About</a> 
 
    </li> 
 
    <li class="nav"><a href="?load=services">Services</a> 
 
    </li> 
 
    <li class="nav"><a href="?load=gallery">Gallery</a> 
 
    </li> 
 
    <li class="nav"><a href="?load=contact">Contact</a> 
 
    </li> 
 
    </ul> 
 
</div>

Answer 1

あなたはあなたのコードの末尾にページloaded.Addた後、これをアクティブリーを処理する必要があります。

 var curruntLocation = window.location.href; 

     $('#menu li a').each(function() 
     { 
      var thisHref = $(this).attr('href'); 
      if (curruntLocation.indexOf(thisHref) > 0) 
      { 
       $(this).parent().addClass('active');      
      } 
     }); 

Answer 2

ページがリロードされたときにクリックしながら、メニュー項目に含まれるリンクがページをリロードされ、初期設定では、最初に来ます。関数を実行する場合はpreventDefault()を使用できますが、リンクは機能しません。

クエリ文字列の代わりにアンカーを使用することをお勧めします。