更新时间:2017/9/22 下午4:50:53
更新说明:修改连续点击出现的问题,感谢网友ヅ羽ぷ寒灬提供的解决方案
简单除暴:基本参数
$('#slider').Slider({ isAuto: true,// 自动播放 transTime: 3000,// 自动播放间隔 animateSpeed: 1000,// 动画速度 sliderMode: 'slide',// 类型//'slide | fade' pointerControl: true,// 指示器开关 pointerEvent: 'click',// 指示器类型//'hover' | 'click' arrowControl: true,// 左右控制 });
$slider.on('click', '.slider-pointer > li', function(event) { if (currentIndex != $(this).index()) { sliderFun.sliderPlay($(this).index()) } }) if (index > currentIndex) { $sliderWrap.animate({ left: '-=' + Math.abs(index - currentIndex) * sliderWidth + 'px' }, settings.animateSpeed, function() { sliderFun.stop(); isAnimating = false; sliderFun.autoPlay() })
已经处理两个动画叠加问题
回复