最近在做h5页面,因为这个h5页面是应用于安卓或ios终端 发现一个问题, h5页面无法触发A标签效果,找了很久才发现原因.
下图
此处没有效果,问题是 swiper是基于移动端触摸的,会有一个全局的click事件,这个事件屏蔽了A标签的链接,是为了防止手机滑动的时候不小心触发A标签而设定的,
解决方法:
将preventClicks : false 设置成False就可以了
2.关于swiper滑动时a标签误触,导致跳转的解决办法
1、思路:判断swiper.animating==true,滑动的时候把a标签的默认事件给阻止了,否则,让它跳转
2、代码
$(".swiper-slide a").click(function(e){
//console.log(swiper.animating)
if(swiper.animating==true){
e.preventDefault();
}else{
location.href = $(this).attr("href")
}
});