Из-за чего в jquery может срабатывать addClass и не срабатывать toggleClass или конструкция типа hasClass после чего addClass или removeClass?

Question

[Александр Тимофеев]

Пишу я, например, вот так

$("#osnova-pizzi li:nth-child(3)").click(function(){
                    $("#food2").addClass('vv');
            });

тут всё нормально, всё работает ожидаемо!

Но напишу я, например, так

$("#osnova-pizzi li:nth-child(3)").click(function(){
                    $("#food2").toggleClass('vv');
            });

или так

$("#osnova-pizzi li:nth-child(3)").click(function(){
                if("#food2").hasClass('vv'){
                    $("#food2").removeClass('vv');
                }else{
                    $("#food2").addClass('vv');
                };
            });

и ничего не происходит

Answer 1

[Виталий Инчин ☢]

Если не считать "#food2").hasClass, то все работает!

Вы явно что-то не договариваете...

Comments

[Александр Тимофеев]

ума не приложу, что я могу не договаривать. Вот пишу addClass - работает. Меняю add на toggle и нефига..

[Виталий Инчин ☢]

Александр Тимофеев: давайте ссылку на живой пример.

[Александр Тимофеев]

Виталий Инчин: portfolio-timofeev.ru/wp-content/themes/freelance/...

нужно кликнуть на Основа, а в ней на Грибная. Если смотреть в webtools то видно, что класс на основной картинке, где блин, у изображения, которое не видно сейчас мигает при кликах, но вот класс не добавляется

[Виталий Инчин ☢]

Александр Тимофеев: вероятно, обработчик не срабатывает вообще! Проверьте с помощью alert'а.

[Александр Тимофеев]

Виталий Инчин: срабатывает и с alert сейчас проверил и addClass... а вот toggleClass что-то в никакую (

[Александр Тимофеев]

Виталий Инчин: короче, я не знаю из-за чего такое происходит, но я добавил строку e.preventDefault(); и заработало)

Answer 2

[Lumore]

У меня все работает: codepen.io/anon/pen/WQbRxE