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包裹了我的按钮图标，我给了该跨度的工具提示。

<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多数据切换？

2 个答案: