jquery按钮不响应click方法

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

这是我的代码

$(this).parent().parent().children("div").append("
Try Again
"); 

点击function代码，

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

Answer 1

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

例如：

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

如果您使用的是jquery 1.7+，则应使用.on ：

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

Answer 2

试试$ .live o $ .delegate 。

Answer 3

使用：

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

Answer 4

有一个使用实时事件的替代方法，您可以在创建元素时添加处理程序，如下所示：

 $("
Try Again
", { "class": "tryAgain", click: function(){ //YOUR CLICK HANDLER } }).appendTo($(this).parent().parent().children("div")); 

Answer 5

我认为你可以在创建新的p标签时附加一个点击事件，如下所示：

 $(this).parent().parent().children("div").append( $('
').addClass('tryAgain').click(function(){ alert('test'); }));