在动态添加的元素上调用popover

时间:2015-05-26 18:43:35

标签: jquery twitter-bootstrap

我在页面上使用Bootstrap popovers。

$('.myEm').popover({
        'animation': true,
        'content': myContent,
        'placement': 'top',
        'html': true
});

但是,当我使用jquery添加一个新元素时,通过将它添加到DOM中而不刷新页面,我在新元素上的popover代码不起作用。

通常我会使用.on()绑定它,但在这种情况下似乎不起作用:

$(document).on('click', '.myEm', function(){
    $(this).popover({
        'animation': true,
        'content': myContent,
        'placement': 'top',
        'html': true
    });
});

我错过了什么?感谢

2 个答案:

答案 0 :(得分:0)

这似乎相当明显,但你试过吗

$('.myEm').click(function(){
     $(this).popover({
        'animation': true,
        'content': myContent,
        'placement': 'top',
        'html': true
     }); 
});

答案 1 :(得分:0)

可能更好地处理绑定的另一个答案是

     $(document).on('popover', '.myEm', function(){
            'animation': true,
            'content': myContent,
            'placement': 'top',
            'html': true
     });