3

次のような再生ボタンの簡単なリストがあります

<a class="play" rel="video-1"></a> <a class="play" rel="video-2"></a>

そして、これらのいずれかをクリックすると、他のスイッチをオフにし（クラス「アクティブ」を削除）、クリックしたものをオン（クラス「アクティブ」を追加）します。

私はこれを試しましたが、正しく動作しません:

$('a.play').live('click', function() { 

    $('a.play').removeClass('active');

    $(this).toggleClass('active');          

});

ボタンは非同期でロードされるため、「.live()」が必要です。

他の要素の「アクティブ」クラスを削除したいのですが、クリックした要素にクラス「アクティブ」を追加し、(これは正しく機能しません) 2 回目のクリックでクラス (「アクティブ」) を削除します。

どんな助けでも心から感謝します。

よろしくお願いします。

4

1 に答える 1

1

これを試してください。必要に応じてリンクを2回クリックすると、クラスが削除されます

$('a.play').live('click', function() { 


    $(this).toggleClass('active');  
    $('a.play').not(this).removeClass('active');        

});

Jsfiddle http://jsfiddle.net/TD7Yz/1/

于 2012-01-16T11:09:54.867 に答える