Отключите другие элементы с теми же селекторами и включите нажатой в jquery - PullRequest
Новая
       19

Отключите другие элементы с теми же селекторами и включите нажатой в jquery

3 голосов
/ 16 января 2012

У меня есть простой список кнопок воспроизведения, такой как

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

, и когда я нажимаю на одну из них, я хочу отключить (удалить класс 'активный')другие и включите (добавьте класс 'active') один, по которому щелкнули.

Я пробовал это, но это не работает должным образом: 

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

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

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

});

Мне нужен ".live ()", потому что кнопки загружаются асинхронно.

Я хочучтобы удалить класс «активный» на других элементах, но щелкнув по одному, добавьте класс «активный» на выбранный элемент и (это не работает должным образом) при втором щелчке удалить класс («активный») для этого.

Любая помощь будет искренне оценена.

Заранее большое спасибо.

1 Ответ

1 голос
/ 16 января 2012

Попробуйте, класс удаляется после второго нажатия на ссылку, как вы хотите 

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


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

});

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

...