轮播插件slider左右切换或者点击圆点切换后无法继续自动轮播的解决方法

最新推荐文章于 2022-09-08 16:41:57 发布

Aimee_0718

最新推荐文章于 2022-09-08 16:41:57 发布

阅读量2.8k

点赞数 2

本文链接：https://blog.csdn.net/qq_36658715/article/details/79151898

版权

在js中将函数clickNextBind、clickPrevBind、clickPagerBind中分别添加 el.startAuto()，就可以是代码自动执行轮播方法了

	    /**
		 * Click next binding
		 *
		 * @param e (event)
		 *  - DOM event object
		 */
		var clickNextBind = function(e){
			// if auto show is running, stop it
			if (slider.settings.auto) el.stopAuto();
			el.goToNextSlide();
            el.startAuto();
			e.preventDefault();
		}

		/**
		 * Click prev binding
		 *
		 * @param e (event)
		 *  - DOM event object
		 */
		var clickPrevBind = function(e){
			// if auto show is running, stop it
			if (slider.settings.auto) el.stopAuto();
			el.goToPrevSlide();
            el.startAuto();
			e.preventDefault();
		}

		/**
		 * Click pager binding
		 *
		 * @param e (event)
		 *  - DOM event object
		 */
		var clickPagerBind = function(e){
			// if auto show is running, stop it
			if (slider.settings.auto) el.stopAuto();
			var pagerLink = $(e.currentTarget);
			if(pagerLink.attr('data-slide-index') !== undefined){
				var pagerIndex = parseInt(pagerLink.attr('data-slide-index'));
				// if clicked pager link is not active, continue with the goToSlide call
				if(pagerIndex != slider.active.index) el.goToSlide(pagerIndex);
                el.startAuto();
				e.preventDefault();
			}
		}