Swiper插件超链接失效
Swiper插件超链接失效
simulateTouch : false,
<script type="text/javascript">
$(function(){
/* 滑动插件 开始 */
//调用并初始化滑动插件
var mySwiper = new Swiper(".swiper-content", {
paginationClickable: true,
simulateTouch : false,
preventClicks: false,
autoplayDisableOnInteraction: false,
slidesPerView: 4, //每页内容(div)数量
autoplay: 3000, //自动滚动间隔(ms)
loop: true, //循环(在每页内容多于1个的时候,最后一个内容后面接头部第一个内容)
loopAdditionalSlides: 1
})
//插件自动滑动
mySwiper.startAutoplay();
/* 滑动插件 停止 */
$('#btn-prev').click(function (e) {
e.preventDefault()
mySwiper.swipePrev()
})
$('#btn-next').click(function (e) {
e.preventDefault()
mySwiper.swipeNext()
})
/* 鼠标划上区域时 区域停止滚动,鼠标离开区域时 区域继续自动滚动 */
$('.swiper-container').hover(function () {
mySwiper.stopAutoplay();
}, function () {
mySwiper.startAutoplay();
});
/* 手动滚动后,延迟时间后区域继续自动滚动 */
mySwiper.wrapperTransitionEnd(function () {
setTimeout(function () {
mySwiper.startAutoplay();
}, 1000)//延迟时间(ms)后,区域继续自动滚动
}, true);
}
</script>