How can I solve the problem that the swiper animation animation fails when switching between left and right rotations of the swiper?

Website development , Yes swiper3 and animate Animation ：

Now to achieve the following effect ： When scrolling each page , Also run the text animation of the current page .

html Code ：

swiper The configuration is as follows ：

	// banner-swiper
	var bannerSwiper = new Swiper('.banner-swiper', {
    
		pagination: '.banner_pag',
		loop: true,
		autoplay: 3000,
		grabCursor: true,
		paginationClickable: true,
		keyboardControl: true,
		
		//swiper3  When switching between pages , Also run animation .
		onInit: function(swiper) {
     //Swiper2.x The initialization of is onFirstInit
			swiperAnimateCache(swiper); // Hide animation elements 
			swiperAnimate(swiper); // Initialization complete start animation 
		},
		onSlideChangeEnd: function(swiper) {
    
			swiperAnimate(swiper); // Every slide At the end of the switch, the current slide Animation 
		}
		
		//swiper5 Configuration of ：
		// on: {
    
			// init: function() {
    
			// swiperAnimateCache(this); // Hide animation elements  
			// swiperAnimate(this); // Initialization complete start animation 
			// },
			// slideChangeTransitionEnd: function() {
    
			// swiperAnimate(this); // Every slide At the end of the switch, the current slide Animation 
			// //this.slides.eq(this.activeIndex).find('.ani').removeClass('ani');  The animation is displayed only once , Remove ani Class name 
			// }
		// }

	})