如何 运行 弹出数据表中的元素?
How to run popover for elements inside dataTables?
我尝试 运行 bootstrap 弹出 table 中的一些元素,我 运行 datatable on it.I 使用此代码但是没用。
JS:
$('#dynamic-table1').dataTable({
"aaSorting": [
[3, "desc"]
],
"fnDrawCallback": function (oSettings) {
$('[data-toggle="popover"]').popover();
}
});
html:
<a data-toggle="popover" title="توضیحات کاربر ارشد" data-content="Description" data-trigger="focus">
如何解决这个问题?
定义无效?我的猜测是你混淆了 focus
和 hover
:
<a data-toggle="popover" title="توضیحات کاربر ارشد" data-content="Description"
data-trigger="hover">
popover
</a>
然后你的代码就可以工作了 -> http://jsfiddle.net/ehnnm5kk/
您可以在 bootstrap 5.
中使用相同但不同的语法
<button type="button" class="btn btn-lg btn-danger"
data-bs-toggle="popover" data-bs-trigger="hover focus"
data-bs-content="And here's some amazing content. It's very engaging. Right?">
Click to toggle popover
</button>
我尝试 运行 bootstrap 弹出 table 中的一些元素,我 运行 datatable on it.I 使用此代码但是没用。
JS:
$('#dynamic-table1').dataTable({
"aaSorting": [
[3, "desc"]
],
"fnDrawCallback": function (oSettings) {
$('[data-toggle="popover"]').popover();
}
});
html:
<a data-toggle="popover" title="توضیحات کاربر ارشد" data-content="Description" data-trigger="focus">
如何解决这个问题?
定义无效?我的猜测是你混淆了 focus
和 hover
:
<a data-toggle="popover" title="توضیحات کاربر ارشد" data-content="Description"
data-trigger="hover">
popover
</a>
然后你的代码就可以工作了 -> http://jsfiddle.net/ehnnm5kk/
您可以在 bootstrap 5.
中使用相同但不同的语法<button type="button" class="btn btn-lg btn-danger"
data-bs-toggle="popover" data-bs-trigger="hover focus"
data-bs-content="And here's some amazing content. It's very engaging. Right?">
Click to toggle popover
</button>