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