jquery - jQuery、入力ボタンはマークアップで機能しますが、先頭に追加すると機能しませんか？

Question

このようなマークアップでうまく機能するボタン、画像入力が必要です、

<input type="image" class="play" src="images/play.png" />
<input type="image" class="pause" src="images/pause.png" />

しかし、生成されたものにprepend（）しようとするとすぐに表示されますが、クリック関数は機能しなくなります。

$('.gallery-nav').prepend('<input type="image" class="play" src="images/play.png" /><input type="image" class="pause" src="images/pause.png" />');

なぜですか？ありがとうございました。

Answer 1

クリックの代わりにライブを使用してみてください。

ライブ：現在または将来、現在のセレクターに一致するすべての要素のイベントにハンドラーをアタッチします。

$("input.play").live("click", function(){
    // write your code here
});

Answer 2

そのためにlive（）メソッドを使用してみてください。

// for play button
$('.play').live('click', function(){
  // your code
});

// for pause button
$('.pause').live('click', function(){
  // your code
});

Answer 3

$('.mydivClass').prepend('<a href="#" id="btnLINK">OK</a>');

$('#btnLINK').live("click",function() { 
    alert ("EUREKA")
    return false;
});