Функция обновления swiper ydangero.us не работает после показа/скрытия слайдов ⇐ Jquery

[Anonymous]

Мне нужна помощь с Swiper.
Согласно ее документации здесь: http://idangero.us/swiper/api/, мне нужно назвать myswiper.update () после того, как я скрываю/покажу слайды вручную. Но это не всегда работает в моем случае. < /P>

Я искал эту проблему, но наткнулся только на следующие решения, которые должны, но по какой -то причине не работают: < /p>


myswiper.update () Как я уже упоминал SWIPER.var swiper = new Swiper('.swiper-container', {
slidesPerView: 3,
slidesPerColumn: 2,
spaceBetween: 30,
observer: true,
observeParents: true,
navigation: {
nextEl: '.swiper-button-next',
prevEl: '.swiper-button-prev',
},
pagination: {
el: '.swiper-pagination',
clickable: true,
},
});
< /code>

Обертка Swiper идет так в HTML: < /p>







Default Lorem ipsum dolor sit amet.









Default Lorem ipsum dolor sit amet.









Default Lorem ipsum dolor sit amet.





< /code>

И вот как я хочу обновить обертку: < /p>

// 'category1' button/tab selector
$('#category1').on('click', function() {
$('.swiper-slide').hide();
$('.Category1').show();
swiper.update(true);
});
// category2 button/tab selector
$('#category2').on('click', function() {
$('.swiper-slide').hide();
$('.Category1').show();
swiper.update();
});
// 'All' button/tab selector - to show all slides, this i use only to show animation that all slides were loaded, this is working fine every time with swiper update
$('#all').on('click', function() {
$('.swiper-slide').hide();
$('.swiper-slide').show();
swiper.update();
});
< /code>

Есть идеи? Или как мне показать/скрыть слайды по -разному? Пожалуйста, дайте мне знать.>

Подробнее здесь: https://stackoverflow.com/questions/493 ... -of-slides