のonclickハンドラdoesntの仕事jqueryのAJAX HTMLインジェクション

Question

後、基本的に、この画像は...

を私は自分のページにAjaxでいくつかのHTMLを注入していますが、その一部にonclickハンドラは、HTMLが動作していないように注入。 ..

< img class="close_row" src="img/close.gif"/> 

私のjQueryの行を開き、HTMLが正常に動作注入する本来の機能

$('.close_row').click(function() { 
    // some code to close the row 
}); 

...のようになり、私はここで何かを見下ろすのですか？

Answer 1

代わりに.delegate()を使用してください。

delegate()はlive()の欠点を克服するために導入されました、それはそれは多くのコードが壊れているという事実のためではなかった場合live()が完全に除去されていたであろう。 live()とdelegate()間

違い：http://net.tutsplus.com/tutorials/javascript-ajax/quick-tip-the-difference-between-live-and-delegate/

API：http://api.jquery.com/delegate/

Answer 2

あなたは.liveを使用する必要があるだろう：.liveが自動的に新しく作成された要素にイベントを結合するのに対し、

$('.close_row').live('click', function() { // some code to close the row }); 

.clickは、現在のすべての要素にイベントをバインドします。