Jquery не работает на динамически добавленной кнопке?

Question

Jquery не работает на динамически добавленной кнопке?

0

$(document).ready(function(){
    var t = $("<div><button class='leaf' id='l2'>Awesome!</button></div>");
   $('#l1').click(function(){
       $('#num').text("four");
       }); 
    $('.oright').click(function(){
       $('#num').text("Five");
       $('.oright').after(t);
       $('.oright').remove();
    });
    $('#l2').on('click', function(){
       $('#num').text("Reset?");
    });
});

Кнопка # l2 не имеет никаких функций. Я не вижу никакой ошибки синтаксиса, я искал ее и читал, что.on('click') был лучше, чем.click для динамических элементов, поэтому я изменил это, но он все еще не работает.

null 27 апр. 2014, в 23:16

Источник

Теги:

javascript

jquery

2 ответа

1

Вам придется делегировать эту работу

$(document).on('click', '#l2', function(){
   $('#num').text("Reset?");
});

желательно заменить document ближайшим нединамическим родительским элементом

adeneo 27 апр. 2014, в 19:25

0

Для OP больше написано о делегированной форме .on() здесь и здесь .
jfriend00 27 апр. 2014, в 20:43
0

Спасибо вам обоим. Это все еще не работает, но теперь я знаю путь, чтобы выяснить, почему.
null 27 апр. 2014, в 20:55

Ещё вопросы

Для OP больше написано о делегированной форме .on() здесь и здесь .
Спасибо вам обоим. Это все еще не работает, но теперь я знаю путь, чтобы выяснить, почему.

Rob Sedgwick · Accepted Answer · 2014-04-27T18-25-00.000Z

Поскольку вы определили новую разметку кнопок как объект jquery - t - вы можете назначить обработчик кликов.

$(document).ready(function(){
    var t = $("<div><button class='leaf' id='l2'>Awesome!</button></div>");
   $('#l1').click(function(){
       $('#num').text("four");
       }); 
    $('.oright').click(function(){
       $('#num').text("Five");
       $('.oright').after(t);
       $('.oright').remove();
    });

    /* use the t jquery object you have defined */
    t.on('click', function(){
       $('#num').text("Reset?");
    });
});

Или делегат как @adeneo хорошо показывает