在IOS系统中动态创建的元素用jquery中的on方法失效问题
在IOS系统下,下面这段代码失效,在安卓系统下没问题
$("body").on("click", '#Overlay', function(){
alert(1);
popupStaute=0;
$("#Overlay").remove();
$(".tip_boxs").fadeOut();
});
首先尝试了, 使用一下的方法来解决
$("body").delete("#Overlay", "click", function(){
alert(1);
popupStaute=0;
$("#Overlay").remove();
$(".tip_boxs").fadeOut();
});
但是发现问题还是依旧. 这里不能使用的是iphone6, 6s, 用户反映, 没有实际的测试环境. 无法验证.
解决办法是:
最终在stackoverflow上找到了解决方案,现记录如下:
On iOS there is no event bubbling without a cursor style. So in your CSS you need to add cursor: pointer; to the element.
添加CSS内容
*[data-href]{
cursor: pointer;
}