javascript - 附加的 anchor 链接在 Safari/iPhone 上无效

Question

我有一个函数，我网站的许多不同部分都使用它来调用确认框。当它被调用时，它会用各种元素格式化盒子并将其附加到正文中，就像这样......

$('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 证明了这一点。

有什么想法吗？

Answer 1

你试过吗

$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();
});