亦余心之所善兮,虽九死其犹未悔。这篇文章主要讲述安卓手机微信自带浏览器点击事件失效解决相关的知识,希望能为你提供帮助。
在移动端做了个导航,长这样
【安卓手机微信自带浏览器点击事件失效解决】
文章图片
原来结构是用的span
< span class="menu_icon"> < img src="https://www.songbingjia.com/android/img/icon_1.png"> < p> 导航< /p> < /span>
绑定用的是jquery的.click
$(\'.menu_icon\').click(function () { $("#nav-phone").stop().animate({right:"0"},500); }) $(\'.close\').click(function () { $("#nav-phone").stop().animate({right:"-50%"},500); })
然后在移动端,手机自带浏览器都是正常的,但是通过微信自带浏览器打开时,苹果手机是正常的,部分安卓手机出现问题
导航出现失效情况,而且是有时失效,有时不失效
于是各种盲改,网上各种方法都试遍了,最后终于改好了
改了两处地方,不确定是哪一处生效了
1、首先是把span标签换成了a标签,据说是其他标签的点击事件兼容不太好啥的
< a class="menu_icon"> < img src="https://www.songbingjia.com/android/img/icon_1.png"> < p> 导航< /p> < /a>
2、然后是把.click事件改成了 touchstart和click,毕竟在移动端貌似还是touch事件好一点……
$(\'.menu_icon\').on("click touch",function () {$("#nav-phone").stop().animate({right:"0"},500); }) $(\'.close\').on("click touch",function () { $("#nav-phone").stop().animate({right:"-50%"},500); })
推荐阅读
- Unity 导出到Android Studio 打包流程
- Microsoft launches Open Application Model (OAM) and Dapr to ease developments in Kubernetes and micr
- create-react-app搭配react16+ts+less
- EACCES(在CentOS/RHEL 7上的权限被拒绝-已修复)
- 用于生产JAVA应用程序系统的10个重要JVM选项
- 如何在Ubuntu 18上安装Puppet 6()
- 如何在Ubuntu 18上安装Chef()
- 如何在VirtualBox上安装Linux Mint()
- 如何在CentOS 7和8上安装dig()