1 回答

TA貢獻1773條經(jīng)驗 獲得超3個贊
我找到了一個簡單的解決方案,但它似乎有效。我注意到當折疊的 bootstrap4 偏移菜單打開時,swiper 滑塊沒有正確初始化,我決定在 bootstrap 折疊動畫完成后使用shown.bs.collapsebootstrap 事件初始化 swiper 。
這是我使用過的代碼,現(xiàn)在它運行良好,我將實現(xiàn) WordPress 的 JSON RESTful API 來加載 swiper 內(nèi)容。
const swiper = new Swiper('.portfolio-swipe', {
loop: true,
effect: 'coverflow',
grabCursor: true,
centeredSlides: true,
slidesPerView: 'auto',
coverflowEffect: {
rotate: 50,
stretch: 0,
depth: 100,
modifier: 1,
slideShadows : true,
}
});
$('.navbar-collapse').on('shown.bs.collapse', function(){
swiper.update();
});
這似乎工作正常。調(diào)用 update 函數(shù)將使 swiper 滑塊的循環(huán)和添加一個循環(huán)來實現(xiàn)!
添加回答
舉報