单击按钮时如何关闭 popper 工具提示？

Question

我将带有工具提示的按钮创建为

<button class="btn btn-xs btn-light"
        onclick="editMaterial(@material.Id)"
        title="Upravit materiál" data-tooltip="tooltip">
    <i class="fas fa-edit"></i>
</button>

使用 jQuery

激活工具提示

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

问题是，当我单击按钮并打开模态 window 时，工具提示也会打开。所以工具提示会干扰模态。

我试过了

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

或

$('body').click()

不成功，有什么想法吗？

Answer 1

我遇到了同样的问题。我用这种方式为 popper.js v1.x 修复了它：

 // FIX: Tooltip not hiding on button cklick
$('[data-toggle="tooltip"]').click(function () {
    $('[data-toggle="tooltip"]').tooltip('hide');});

希望对您有所帮助

单击按钮时如何关闭 popper 工具提示？

How to close popper tooltip when the button is clicked?

twitter-bootstrap-tooltip

popper.js