Инициировать скрипт после mFilter2

Добрый день. Подскажите как мне поборот такую проблему:
У меня используется owl-carousel для вывода результатов фильтрации. Так вот после загрузкеи все нормаль но работает карусель инициируется, а вот после срабатывания фильтров — не хочет.
Добавил код, но все равно не хочет. Может что-то не так с разметкой делаю?
Вот разметка
<div class="fadeOut owl-carousel owl-project" id="mse2_results">
    [[+my.results]]
</div>
А вот код, который по идее должен инициировать карусель после работы фильтров:
$(document).on('mse2_load', function(e, data) {
    $('.owl-project').owlCarousel({
        loop:true,
        margin:10,
        responsiveClass:true,
        nav : true,
        navText:["Назад","Вперед"],
        responsive:{
                1000:{
                        items:1,
                        nav : true,
                        loop:true
                }
        }
    })
});
Андрей
16 февраля 2018, 19:21
modx.pro
1 198
0

Комментарии: 4

Максим
17 февраля 2018, 08:22
0
Наверное, самым простым решением будет добавить код инициализации в чак с результатами, что бы он инициализировался после добавления результатов.
    Андрей
    17 февраля 2018, 12:41
    1
    +3
    Сначала нужно destroy делать, а после заново инициализацию.

    https://github.com/OwlCarousel2/OwlCarousel2/issues/1861 — вот тут пример есть:

    $("#partial").load(url, function () {
    	$('#partial').trigger('destroy.owl.carousel');
    		$("#partial").owlCarousel({
    			items: 1,
    			margin: 10,
    			nav: false
    		});
    	return false;
    });
      Андрей
      19 февраля 2018, 09:06
      0
      Спасибо. Ваш ответ мне очень помог.
      Действительно все дело было в том, что сначала нужно было сделать destroy.
      Александр Мельник
      18 февраля 2018, 22:02
      0
      Врядли я смогу помочь конкретным решением.
      Я не знаю как работает mFilter2, но скорее всего результаты его работы попадают на страницу через работу с DOM при помощи JS.
      А в js есть такая особенность, что элементы, вставленные в DOM через js после загрузки страницы, не реагируют на другие скрипты. Они находятся все общего потока.
      Я думаю проблема Ваша в этом.
        Авторизуйтесь или зарегистрируйтесь, чтобы оставлять комментарии.
        4