Как инициализировать jQuery плагин для новых элементов после AJAX?

Не пойму в чем проблема, нужно через 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)

Помогите пожалуйста, уже всю голову сломал и не пойму в чем проблема.
  • Вопрос задан
  • 179 просмотров
Решения вопроса 1
SilenceOfWinter
@SilenceOfWinter
та еще зажигалка...
jquery загружается несколько раз, поэтому плагин и недоступен
Ответ написан
Пригласить эксперта
Ответы на вопрос 1
jeffpierce
@jeffpierce
Relog XD
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы