метод Javascript не будет работать с динамическими элементами

Question

Хорошо, так что если это делать с событием щелчка я бы знать, чтобы сделать что-то вроде ...

$('body').on('click','.element',function(){ 
    ....do something 
}); 

Но код у меня есть здесь:

$('.checkout .popbtn').popover({ 
    trigger: 'manual', 
    html: true, 
    container: 'body', 
    placement: 'bottom', 
    animation: false, 
    content: function(){ 
     return $('#popover').html(); 
    } 
}); 

.popbtn - динамически сгенерированный элемент.

Как я могу обойти это?

Благодаря

Answer 1

Когда кнопка будет добавлена ​​на страницу, вызовите code.

Answer 2

Используйте DOMNodeInserted, чтобы получить, когда элемент создается на странице

$('body').on('DOMNodeInserted', '.popbtn', function() { $('.checkout .popbtn').popover({ trigger: 'manual', html: true, container: 'body', placement: 'bottom', animation: false, content: function(){ return $('#popover').html(); } }); });