Javascript方法不适用于动态元素

Question

Okay so if this was to do with a click event i would know to do something like ...

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

But the code i have here is:

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

.popbtn is the dynamically generated element.

How can i get around this?

Thanks

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