我正在通过 ajax 调用动态生成一个表格,我希望特定列中的所有元素在悬停时显示一个弹出框。我在成功事件中有以下代码:
strBtn1 = '<span data-trigger="hover" data-placement="right" data-content="testing popovers in a table" class="test22">test</span>'
$('#myReport').append('<tr><td>Column 1</td><td>' + strBtn1 + '</td></tr>');
然后我在我的主脚本中尝试了这个:
$(".test22").each(function () {
$(this).popover();
});
该表按我的预期生成,有 15 行,但将鼠标悬停在“测试”文本上没有任何作用。
我也有一种“控制”确实有效:
<span id="test11" data-trigger="hover" data-placement="right" data-content="testing popovers in a table">test</span>
这直接在标头的 HTML 文件中,并且在主脚本中:
$("#test11").popover();
所以在标题中我得到一个“测试”,当我悬停时会显示一个弹出窗口。
想法?