bootstrap 删除按钮上的多个数据切换？

Question

我有一个 bootstrap 删除按钮，我正在使用 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();
})

Answer 1

我找到了解决这个问题的方法，我用 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>

Answer 2

您也可以将选择器更改为其他内容：

$('[data-tooltip="tooltip"]').tooltip();

然后在元素data-tooltip="tooltip"

中修改即可

bootstrap 删除按钮上的多个数据切换？

bootstrap multiple data-toggle on delete button?

javascript

button

twitter-bootstrap

bootstrap-confirmation