Javascript iDangero.us Swiper在div集合内时不工作隐藏显示：无

我希望swiper gallery在单击“show the gallery”链接后显示。 但如果在隐藏的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>

也许还有另一个javascript技巧？有什么建议吗？

尝试调用该方法

swiper.update();

---

当您显示滑块时，我发现以下侦听器：

observer: true

观察者 设置为true可在Swiper及其元素上启用突变观察者。在这种情况下，如果您每次更改Swiper的样式（如隐藏/显示）或修改其子元素（如添加/删除幻灯片），Swiper都将更新（重新初始化）

观察者

---

如果您还需要观察Swiper父元素的突变，请将其设置为true

我已经尝试过这样的方法：$（'a'）。在（'click'，函数reinitSwiper（Swiper）{setTimeout（函数（）{Swiper.reInit（）；}，500）；}）；它不起作用。嗯，比这个容易。只要在Swiper初始化中添加“observer:true，observeParents:true”就行了。正如Frédéric Delaloire所说，当我添加时，它对我有效。非常感谢。

observer: true

observeParents: true