Почему не срабатывает addclass?

Question

[Nohaga]

jQuery('.product-tabs .tab_osnovnoe').on('click', function() {
 jQuery("#pa_vkladki  option[value='osnovnye-foto']").prop("selected", true).trigger('change');
	jQuery('.product-tabs .tab_osnovnoe').addClass('active');
	jQuery('.product-tabs li').removeClass('active');
});

trigger('change') - срабатывает, добавление и удаление класса не срабатывает, пробовал this тоже не срабатывает. Всё это обёрнуто jQuery( document ).ready(function() , пробовал без. Не понятно, в консоле ошибок нет, а если в консоле написать

jQuery('.product-tabs .tab_osnovnoe').addClass('active');

то всё срабатывает.

Answer 1

[ⓒⓢⓢ]

Что у вас там твориться, это только вам известно.
Но как я думаю, у вас ".tab_osnovnoe" это элемент "li" и это работает так:

jQuery('.product-tabs .tab_osnovnoe').addClass('active'); // <- тут добавляется класс
jQuery('.product-tabs li').removeClass('active'); // <- тут сразу же удаляется класс

Comments

[Nohaga]

да это смешно =)

Answer 2

[Александр Алексеев]

удаляйте класс с соседних элементов раньше, и ищите в селекторах этот класс active
при вешании класса на кликнутый элемент обращайтесь к this

jQuery('.product-tabs li.active').removeClass('active'); 
jQuery(this).addClass('active');