jquery按钮不响应click方法

Question

所以我使用append方法动态渲染一个带有jquery的段落,我想向它添加一个click事件但由于某种原因,click事件不起作用,我知道解决方案可能很简单,但我是jquery的新手并且会很感激任何帮助...我知道函数内部的代码是有效的,因为我用静态按钮测试它,它只是不使用动态的...请提前感谢任何帮助,

这是我的代码

$(this).parent().parent().children("div").append("<p class='tryAgain'>Try Again</p>");

点击功能代码,

$(".tryAgain").click(function() {......}

Answer 1

在document.ready触发后,您添加到DOM的任何内容都需要使用.live或.delegate,以便为新添加的元素添加事件处理程序.

例如:

$('.tryAgain').live("click", function() {...});

如果您使用的是jquery 1.7+,则应使用.on:

$(document).on("click", ".tryAgain", function(){ ... });