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>



评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值