安卓手机微信自带浏览器点击事件失效解决

在移动端作了个导航，长这样

 

 原来结构是用的span

    <span class="menu_icon">
        <img src="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);
})

而后在移动端，手机自带浏览器都是正常的，可是经过微信自带浏览器打开时，苹果手机是正常的，部分安卓手机出现问题

导航出现失效状况，并且是有时失效，有时不失效

因而各类盲改，网上各类方法都试遍了，最后终于改好了

改了两处地方，不肯定是哪一处生效了

一、首先是把span标签换成了a标签，听说是其余标签的点击事件兼容不太好啥的

    <a class="menu_icon">
        <img src="img/icon_1.png">
        <p>导航</p>
    </a>

二、而后是把.click事件改为了 touchstart和click，毕竟在移动端貌似仍是touch事件好一点……

    $('.menu_icon').on("click touchstart",function () {

        $("#nav-phone").stop().animate({right:"0"},500);
    })
    $('.close').click(function () {
        $("#nav-phone").stop().animate({right:"-50%"},500);
    })