[英]bootstrap multiple data-toggle on delete button?
我有一个bootstrap delete按钮,要使用它,我正在使用bootstrap-confirmation.js。 现在尝试在其上使用工具提示,但由于确认js,工具提示无法正常工作。 请有人对此有解决方案吗?
这是我的按钮
<button class="btn btn-outline-danger btn-sm mr-2" data-toggle="confirmation" data-placement="top" data-toggle="tooltip">
<i class="fas fa-trash"></i>
</button>
这是我的JavaScript
$(function() {
$('[data-toggle=confirmation]').confirmation({
rootSelector: '[data-toggle=confirmation]',
popout: true,
btnOkClass: 'btn-success',
});
$('[data-toggle="tooltip"]').tooltip();
})
我找到了解决此问题的方法,将按钮图标包裹在span上,并给出了该span的工具提示。
<button class="btn btn-outline-danger btn-sm mr-2" data-toggle="confirmation" data-placement="top">
<span data-toggle="tooltip" title="Delete series">
<i class="fas fa-trash"></i>
</span>
</button>
您还可以将选择器更改为其他内容:
$('[data-tooltip="tooltip"]').tooltip();
然后只需在元素data-tooltip="tooltip"
更改
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.