Не пойму в чем проблема, нужно через jQuery Form Styler стилизовать селекты, я внутрь функции runStyler поместил проверку и собственно саму инициализацию плагина:
function runStyler() {
$('select:not(.active)').each(function() { //отбираю новые селекты для которых небыло инициализации плагина
$(this).addClass('active'); // добавляю им класс
$(this).styler({ // инициализирую плагин
selectSearch: true,
});
});
}
в итоге все работает при загрузке страницы, но как только срабатывает success у Ajax и я вызываю функцию runStyler() в консоли ошибка:
$(this).styler is not a function. (In '$(this).styler({
selectSearch: true,
})', '$(this).styler' is undefined
Как я понял тут много вопросов связанных с тем что после появления элементов с помощью Ajax не работают ранее вызванные плагины, так вот я вызываю инициализацию плагина после добавления новых элементов через Ajax для новых элементов и получаю непонятную для себя ошибку.
страница сайта с ошибкой:
https://varmedia.ru/category/fitnes-mebel/ckamejki...
файл index.js строка 354 и 366 (успешная загрузка товаров через ajax)
Помогите пожалуйста, уже всю голову сломал и не пойму в чем проблема.