我希望在单击“显示画廊”链接后显示滑动画廊。
但是,如果在隐藏的div中初始化,Swiper似乎无法正常工作。
这是我的页面:
<div>
<a href=“javascript:;” onclick=“toggle_visibility('gallery');”><img src=“img.jpg” alt=“Click to open the gallery”></a>
</div>
<div id=“gallery” style:“display:none”>
<!— Swiper —>
<div id=“slide-event” class=“swiper-container swiper-container-event”>
<div class=“swiper-wrapper”>
…
</div>
<!— Add Arrows —>
<div id=“show-hide” class=“swiper-button-next”></div>
<div id=“show-hide” class=“swiper-button-prev”></div>
</div>
<!— End Swiper —>
</div>
<script src="js/swiper.jquery.js"></script>
这个解决方法对我不起作用:
function reinitSwiper(swiper) {
setTimeout(function () {
swiper.reInit();
}, 500);
}
也许还有另一个JavaScript技巧?有什么建议吗?
最佳答案
我发现了这些听众:
observer: true
观察者
设置为true以在Swiper及其元素上启用Mutation Observer。在这种情况下,如果更改样式(例如隐藏/显示)或修改其子元素(例如添加/删除幻灯片),则每次都会刷新(重新初始化)Swiper。
observeParents: true
parent
如果还需要监视“Swiper”父元素的“Mutations”,则设置为true
关于javascript - iDangero.us swiper在div集中隐藏显示中不起作用:无,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/41638408/