写了一个勋章馆的页面,页面中的勋章属于动态加载数据,需要点击某一个勋章弹出一个放大弹框。源代码如下:
- $('body').on('click','.tablist ul li',function(){
- $('.wrap_hide').show();
- })
页面做完之后,测试安卓手机和浏览器均正常。仅仅在苹果ios手机端点击勋章没有任何反应。
解决方法:
在页面中写一个style标签,内容如下:
- <style>
- .tablist ul li {
- cursor:pointer;
- }
- </style>
再次测试,苹果IOS手机一切ok。
除此之外,如果点击的DOM元素不是网页动态加载的,我们也可以用$('.tablist ul li').click()来代替。