在注入的html按钮上启动弹出窗口

Bootstrap popover on injected html button

本文关键字：启动 窗口 按钮 注入 html      更新时间：2023-09-26

我已经注入了这样一个按钮：

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

但什么都没有。有什么想法吗？

您现在可以在创建动态弹出窗口时使用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

相关文章：