私はこのようなdiv要素を持っている場合

Question

はどのように私はjQueryを介して電流のリンクを選択することができ、現在のリンクを選択します。私が試したノート

<div id='navigation'> 
    <a href='users/home'>home</a> | 
    <a href='projects/browse'>home</a> 
    <a href='discussions/browse'>home</a> 
    <a href='search/dosearch'>home</a> 
</div> 

：

に

$(document).ready(function(){ 
    $("#navigation a").click(function(event) 
    { 
     var clicked = $(this); // jQuery wrapper for clicked element 
     // ... click-specific code goes here ... 
     clicked.addClass('selected'); 
    }); 
}); 

をしかし、私はリンクをクリックしたときそれはリンクを選択し、クラス.selectedを追加しますが、ページに移動するためにページをリロードし、それからすべてが消えます。任意のヒント？

おかげ

Answer 1

これは動作するはずです：

それは基本的にナビゲーション項目をループし、現在のページのURLがアンカーのhrefが含まれている場合、それはアンカーにクラスselectedを追加します。

Answer 2

うん、あなたclick()コールバックの引数からイベントを取り、（thereを参照）e.preventDefault();を使用しています。

またはreturn false。

または、ブラウザに別の場所でリンクを開く場合は、target='_blank'属性をリンクに追加して、他のページやタブでリンクを開くようにします。

Answer 3

$(document).ready(function(){ 
    $("#navigation a").click(function(event) 
    { 
     var clicked = $(this); // jQuery wrapper for clicked element 
     // ... click-specific code goes here ... 
     clicked.addClass('selected'); 
     return false; 
    }); 
}); 

return falseを忘れないでください！