[英]bootstrap multiple data-toggle on delete button?
I have a bootstrap delete button, to get popover on it I'm using bootstrap-confirmation.js. 我有一个bootstrap delete按钮,要使用它,我正在使用bootstrap-confirmation.js。 and now trying to use a tooltip on it but tooltip not working because of confirmation js. 现在尝试在其上使用工具提示,但由于确认js,工具提示无法正常工作。 please anyone have a solution for this? 请有人对此有解决方案吗?
This is my button 这是我的按钮
<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>
This is my javascript 这是我的JavaScript
$(function() {
$('[data-toggle=confirmation]').confirmation({
rootSelector: '[data-toggle=confirmation]',
popout: true,
btnOkClass: 'btn-success',
});
$('[data-toggle="tooltip"]').tooltip();
})
I found a way to fix this, I wrapped my button icon with span and I gave tooltip for that span. 我找到了解决此问题的方法,将按钮图标包裹在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>
You could also change the selector to something else: 您还可以将选择器更改为其他内容:
$('[data-tooltip="tooltip"]').tooltip();
And then just change it in the element data-tooltip="tooltip"
然后只需在元素data-tooltip="tooltip"
更改
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.