javascript - 在删除按钮上 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

我找到了解决此问题的方法，我用跨度包裹了按钮图标，并为该跨度提供了工具提示。

<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>