Есть стандартное бутстрап меню (весь блок завернут в форму) в дропдаунах которого различные элементы (цвет/размер/пр.)
В каждом дропдауне есть своя кнопка сабмита, и также нужно реализовать автоматический сабмит при закрытии дропдауна/переходе в другой дропдаун.
Вот так я добавляю класс форме и всем сабмитам, что форма изменена и меняю цвет кнопки сабмита
$('.filter-form :input').change(function(){
$('.filter-form').addClass('change');
$('.filter-submit').addClass('active');
});
Это работает.
Далее вот такой функцией обновляются товары
function updateCat() {
//Тут скрипт сабмита/загрузки новых товаров
$('.filter-form').removeClass('change'); //Снимаю отметку об изменении формы
$('.filter-submit').removeClass('active'); //Убираю подсветку активной кнопки сабмита
}
Это тоже работает.
НО, нужно чтобы сабмит работал только при измененной форме, но с классами .change / .active ничего не работает (без них все ок)
$('.change .filter-dropdown').on('hide.bs.dropdown', function () {
updateCat();
});
$('.filter-submit.active').click(function () {
updateCat();
});
Куда копать?