jQuery on()绑定click事件在IOS上点击无效的问题

js判断页面代码加载完成情况

写了一个勋章馆的页面,页面中的勋章属于动态加载数据,需要点击某一个勋章弹出一个放大弹框。源代码如下:

  1. $('body').on('click','.tablist ul li',function(){
  2.     $('.wrap_hide').show();
  3. })

页面做完之后,测试安卓手机和浏览器均正常。仅仅在苹果ios手机端点击勋章没有任何反应。

解决方法:

在页面中写一个style标签,内容如下:

  1. <style>
  2.     .tablist ul li {
  3.         cursor:pointer;
  4. }
  5. </style>

再次测试,苹果IOS手机一切ok。

除此之外,如果点击的DOM元素不是网页动态加载的,我们也可以用$('.tablist ul li').click()来代替。

你想把广告放到这里吗?

发表评论

您必须 登录 才能发表留言!