最近在做h5页面,因为这个h5页面是应用于安卓或ios终端 发现一个问题, h5页面无法触发A标签效果,找了很久才发现原因.
下图
此处没有效果,问题是 swiper是基于移动端触摸的,会有一个全局的click事件,这个事件屏蔽了A标签的链接,是为了防止手机滑动的时候不小心触发A标签而设定的,
解决方法：
将preventClicks : false 设置成False就可以了
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")
}
});
最近在做h5页面,因为这个h5页面是应用于安卓或ios终端 发现一个问题, h5页面无法触发A标签效果,找了很久才...
摘要 详细讲述微信H5页面调试（安装在安卓或iOS手机上的），钉钉内H5页面的调试，QQ、微博以及各浏览器上H5页...
h5 页面在手机浏览器都可以打开显示数据，但是放在原生时候，有特定的页面无法显示数据，安卓和ios 皆是一样。 h...
问题： MAKA页面转成h5，表单页在安卓和ios上出现的兼容性问题（ios和安卓手机软键盘收起，页面被顶上去） 解决：
iOS手机/平板用户请选择【360浏览器】；安卓手机用户【360浏览器】浏览器均可。 这里我们列举了用户的常见疑问...
开发H5的时候遇到了ios微信浏览器里音乐无法播放的问题（安卓正常）。搜索资料发现ios微信浏览器里需要用户和屏幕...
需求：H5页面触发一个点击事件 ios跟安卓来操作。
h5传给安卓 h5传给ios
App唤醒 H5页面唤醒App，兼容iOS和安卓的方式是location.href
h5页面在webView中调用ios或者安卓提供的本地方法时出现的异常错误
本文标题：swiper 关于h5页面 360浏览器，安卓或ios终端，无法
本文链接：https://www.haomeiwen.com/subject/mfuavktx.html
网友评论