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

我有一个功能，该功能在我网站的许多不同部分都使用，它调用了确认框。调用它时，它将格式化具有各种元素的框，并将其附加到主体，就像这样...

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