такой код
<a class="color_item">1</a>
<a class="color_item">2</a>
<a class="color_item">3</a>
<a class="color_item">....</a>
<a class="color_item">10</a>
$(document).ready(function(){
$('a.color_item').hover(function(evet) {
event.preventDefault();
....
тут скрипт работает
});
$('a.color_item').click(function() {
$('a.color_item').removeClass('click');
$(this).toggleClass('click');
$('a.color_item').addClass('blochover');
});
});
т.е по клику добавляется класс .blochover
<a class="color_item click blochover">1</a>
<a class="color_item blochover">2</a>
<a class="color_item blochover">3</a>
<a class="color_item blochover">....</a>
<a class="color_item blochover">10</a>
как сделать чтобы после клика и добавления класса blochover
перестало работать условие hover
$('a.color_item').hover(function(evet) {
.....
});
т.е нужно что то типа
$('a.color_item:not(.blochover)').hover(function(evet) {
event.preventDefault();
....
тут скрипт работает
});
но правило not(.blochover) почему то не работает. Наверно потому что скрипт не читает измененный DOM
как сделать что hover бы смотрел код который вот прямо сейчас измененый?