安卓手機微信自帶瀏覽器點擊事件失效解決

在移動端作了個導航，長這樣

 

 原來結構是用的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);
    })