注入的html按钮上的Bootstrap popover

时间:2013-11-22 17:04:11

标签: javascript jquery twitter-bootstrap twitter-bootstrap-3

我注入了一个这样的按钮:

$(panelBody).append('<input type="button" id="pink" class="btn btn-success btn-sm" value="SWIFT" /> '); 

但是点击时无法让Bootstrap 3.0 Popover在它旁边渲染。在$ document.ready():

里面试过这个
$(document).on('popover', '#pink', function(e){
    e.preventDefault();
    //console.log('clonk');
});

但没有。有什么想法吗?

1 个答案:

答案 0 :(得分:1)

现在,您可以在创建动态弹出窗口时使用selector选项:

$(panelBody).append('<input type="button" id="pink" class="btn btn-success btn-sm" value="SWIFT" rel="popover" title="A Title" data-content="This is the content of the popover" />');

$('body').popover({
                    selector: '[rel=popover]'
});

$(document).on('show.bs.popover', function(e) {
    console.log('clonk');
});

Fiddle here