单击按钮时如何关闭弹出器工具提示？答案

【问题标题】：How to close popper tooltip when the button is clicked?单击按钮时如何关闭弹出器工具提示？
【发布时间】：2020-11-16 14:15:04
【问题描述】：

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

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

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

我试过了

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

或

$('body').click()

不成功，有什么想法吗？

【问题讨论】：

标签： popper.js twitter-bootstrap-tooltip

【解决方案1】：

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

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

希望对你有帮助

【讨论】：