javascript - Two swipers are nested. When the outer swiper animation is initialized, the animated elements are hidden and not displayed.

Question

Initial state: Slide to the second page and then slide back. The animation element appears and the animation plays normally. JS code

淡淡烟草味 · Answer

Double swiper nesting requires two swiper objects to be instantiated. The problem caused by the one instantiated object will be overwritten by the other. Therefore, the swiper animation on the homepage is hidden during the initial display. The solution is to just This problem can be solved by writing the code for instantiating the inner swiper object before the outer swiper code.