0

いくつかのナビゲーションを備えた 1 ページのサイトがあります。navlink をクリックすると、アクティブにする必要があります (一部の div が表示されます)。ポップアップ div には閉じるリンクがあり、閉じるリンクをクリックすると、ナビゲーション ボタンを非アクティブにする必要があります。

したがって、基本的にはリンクをアクティブにし、別のリンクをクリックした後に非アクティブにします。

私はフィドルを作りました: http://jsfiddle.net/fourroses666/TKnUZ/1/

$(function() {
   $('a.link').click(function() {
       $('a.link').removeClass('active');
       $(this).addClass('active');
   });
});

リンク解除をクリックするときは、リンクを非アクティブにする必要があります。

4

3 に答える 3

0

関数は a.link にのみ対応しているようで、閉じるリンクは a.close であるため、その関数で取り上げられていません。これは動作します: http://jsfiddle.net/TKnUZ/6/ 

$(function() {
   $('a.link').click(function() {
       $('a.link').removeClass('active');
       $(this).addClass('active');
   });
    $('a.close').click(function(){
         $('a.link').removeClass('active');                   
    })
 });​

ただし、最初のワンクリック方式ですべてを処理しようとしていたかどうかはわかりません...少なくとも役に立てば幸いです

于 2012-12-31T15:54:41.643 に答える
0

すべてのリンクで「アクティブ」クラスを削除するには、新しいクリック ハンドラーを追加するだけです ( fiddleを参照) 。

$(function() {
   $('a.link').click(function() {
       $('a.link').removeClass('active');
       $(this).addClass('active');
   });

   $('a.close').click(function() {
       $('a.link').removeClass('active'); 
   });
});​
于 2012-12-31T15:46:23.897 に答える
0

ハイパーリンクの .close クラスのクリック イベントで同じことを行うだけです。

$(function() {    
    $('a.close').click(function(){
       $('a.link').removeClass('active'); 
    });
});​
于 2012-12-31T15:47:53.213 に答える