Bootstrap 5：如何防止工具提示在模态关闭后显示

Question

我有一个带有 Bootstrap 5 工具提示的按钮，单击它会打开一个模式。

当鼠标悬停在按钮上时工具提示正确显示，当单击按钮时，模式正确打开并且工具提示不再显示。但是，当模式关闭时，工具提示会重新出现。

我希望工具提示在模态关闭后不出现，关于如何做到这一点有什么建议吗？

Answer 1

如果有人从reactstrap使用UncontrolledTooltip，解决方案是简单地添加trigger={"hover"}（默认为"hover focus"）。模态关闭返回的焦点是导致我出现问题的原因。

<UncontrolledTooltip trigger={"hover"} placement={"top"} target={"your_target_id"}>
    Tooltip Content
</UncontrolledTooltip>

如果您没有使用来自 reactstrap 的 UncontrolledTooltip，也许焦点问题可以作为提示，因为也许这也是导致您这边问题的原因。