jquery绑定click事件，在ios7 8下不触发的bug iPhone手机上使用jQuery的die、live和on注册click事件无法点击

在项目中遇到一个很诡异的bug，下面这段特别基本的代码，在IOS7 ， IOS8下的Safari中竟然不起作用！仔细研究之后，发现这段代码用在A标签上，是有用的。

$("body").on("click",".xxx",function(e) {
    alert("clicked");
});

解决问题有点出乎意料地简单，只需要在.xxx的css上加上cursor:pointer;就能够正常使用了。

方案一：

需要给dom写一个css样式 :

cursor:pointer
因为safari认为这才是一个可点击区域，这样表达更加友好，才会让你可以click，你才可以点击，你才可以绑定。

又或则你是一个 标签，然后标签里面只有是标签，你的 标签用on绑定click事件也是可以的，其他的标签都被无视click了。

又或则你用tap事件，又或则你直接仿写click，摁下超过300毫秒再触发都是可以的。

方案二：将事件直接写到dom的onclick上，可以成功调用。

例子：

$("#container_oc li").live("click",function(){

         alert("输出");

}

<ul  id="container_oc"  >

   <li style="cursor:pointer;" >语文</li>

   <li style="cursor:pointer;" >  数学</li>

  </ul>

扫描二维码关注公众号，回复： 2142395 查看本文章