Javascript 如何在动态表中使用引导popover

我试图在我的HTML页面上实现Bootstrap popover
我在动态构建的HTML表中有一个弹出窗口，我怀疑我没有正确注册事件

我的HTML：

$.each(JSON.parse(data), function (index, elem) {                 
    var radioBtn = "<input type='radio' name='radOption' class='radio selectedOptionAdd' data-value='myData' />";     
    var popupContent = "TO DO MAKE A TABLE OF DATA";
    var popupControl = "<a class='btn btn-lg btn-danger permissionPopUpButton' role='button' data-toggle='popover' data-trigger='focus' title='Dismissible popover' data-content='" + popupContent + "'>Dismissible popover</a>";
    myTable += "<tr><td>" + radioBtn + "</td><td>" + popupControl  + "</td></tr>";
});

---

关于如何正确注册此事件，有什么建议吗？

我发现这会起作用

$("body").on("click", ".permissionPopUpButton", function () {
    $(".popover").css("width", "276px");
    $('[data-toggle="popover"]').popover();        
});

但是，我缺少了“tabindex='0”。一旦我将它添加到我的标记中，弹出窗口就开始工作了

var popupControl = "<a tabindex='0' class='btn btn-lg btn-danger permissionPopUpButton' role='button' data-toggle='popover' data-trigger='focus' title='I am a title' data-content='I AM CONTENT HEAR ME ROAR'>Dismissible popover</a>";

var popupControl=“Dismissible popover”；

FYI-我正在使用Bootstrap v3.3.6Try在加载带有动态元素的DOM后注册事件，而不是在document.ready中。当您在document.ready事件中注册时，它希望这些元素出现在DOM中。您应该在完成动态表的构建后执行此操作。如果可以，请发布jsfiddle链接，以便我可以更新它。jsfiddle在这里被锁定。我确实尝试在创建表后移动代码，但仍然不起作用。我还尝试了$（'body'）.popover（{trigger:'click'，container:'body'，html:true，selector:'[rel=popover]'））；按钮上的rel=popover属性在哪里？请仔细检查，。我认为问题在于无法使用选择器查找元素。

var popupControl = "<a tabindex='0' class='btn btn-lg btn-danger permissionPopUpButton' role='button' data-toggle='popover' data-trigger='focus' title='I am a title' data-content='I AM CONTENT HEAR ME ROAR'>Dismissible popover</a>";