jQuery, кнопки ввода работают в разметке, а не при добавлении?

Question

У меня есть кнопки для ввода изображений, которые отлично работают, когда в разметке вот так,

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

Но как только я пытаюсь добавить () его к сгенерированному, они все равно появляются, но функция щелчка больше не работает.

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

Есть идеи, почему? Спасибо.

Answer 1

Попробуйте использовать в реальном времени вместо клика.

live: прикрепить обработчик к событию для всех элементов, которые соответствуют текущий селектор, сейчас или в будущее.

$("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;
});