最近在做一个私活的时候,遇到一个小bug,让我百思不得其姐。
就是$("body").on("click","#xx",function(){})在安卓手机上可以,在pc调试可以,就是ios上不行。
搜索了N多资料,终于知道怎么回事了。没有原因,应该就是个小bug。直接说解决方法:
例如在这样的Dom结构中:<div class="am-btn am-btn-default sure-btn" id="test">确定</div>
在js中是这样的:$("body").on("click","#test",function(){ console.log("点击了"); });
这时候在苹果手机上访问时会出现点击按钮是无效,然而在安卓手机中测试则是正常情况。
解决这一奇葩问题的方法是对于点击的对象,使用cursor:pointer这个样式的设置,
<style> .
sure-btn
{ cursor:pointer }</style>,
完美。