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 will appear and the animation will play normally

JS code

Answer 1

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.