我有一个函数,我网站的许多不同部分都使用它来调用确认框。当它被调用时,它会用各种元素格式化盒子并将其附加到正文中,就像这样......
$('body').append("<div id=\"confirmation\"><a href=\"javascript:confirmed()\">confirmed</a> <a href=\"javascript:closeConfirm()\">cancel</a></div>");
现在,这对于所有接受 iPhone Safari 浏览器(似乎未激活)或将 anchor 正确加载到 DOM 中的一切都非常有效...它不可点击。这就是问题所在,盒子显示正确,触摸 anchor 无济于事。 Console.log 证明了这一点。
有什么想法吗?
最佳答案
你试过吗
$div = $('<div>', { id : "confirmation"});
$aConfirmed = $('<a>', { href : "#", class : "confirmed", text: "confirmed"});
$aCancel = $('<a>', { href : "#", class : "cancel", text: "Cancel"});
$div.append($aConfirmed).append($aCancel);
$('body').append($div);
然后使用一些事件处理程序(假设 jQuery > 1.7
$(document).on("click", "a.confirmed", function(){
confirmed();
});
$(document).on("click", "a.cancel", function(){
closeConfirm();
});
关于javascript - 附加的 anchor 链接在 Safari/iPhone 上无效,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9621658/