jqueryボタンがクリックメソッドに応答しない

Question

jqueryでappendメソッドを使用して段落を動的にレンダリングしていますが、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() {...}); 

あなたが.onを使用する必要があります1.7以上のjQueryを使用している場合：

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

Answer 2

$.live o $.delegateで試してください。

Answer 3

用途：

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

Answer 4

ライブイベントを使用するための代替があります次のように要素を作成するときにハンドラを追加できます。

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

Answer 5

私はあなたがこのような新しいpタグを作成するときに右がクリックイベントを添付することができると思います。

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