在项目中遇到一个很诡异的bug,下面这段特别基本的代码,在IOS7 , IOS8下的Safari中竟然不起作用!仔细研究之后,发现这段代码用在A标签上,是有用的。
$("body").on("click",".xxx",function(e) { alert("clicked"); });
解决问题有点出乎意料地简单,只需要在.xxx的css上加上cursor:pointer;就能够正常使用了。
方案一:
需要给dom写一个css样式 :
cursor:pointer
因为safari认为这才是一个可点击区域,这样表达更加友好,才会让你可以click,你才可以点击,你才可以绑定。
因为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>