当用户专注于工具提示内容时，不要隐藏引导工具提示

Posted 2023-05-08

【中文标题】当用户专注于工具提示内容时，不要隐藏引导工具提示

【英文标题】：do not hide bootstrap tooltip while user focus on tooltip content

【发布时间】：2021-10-19 08:19:22

【问题描述】：

我已经在我的应用程序中使用悬停实现了引导工具提示。当用户移动到工具提示内容时，工具提示被隐藏。任何人都可以建议在用户关注工具提示内容时不应该隐藏工具提示

<a href="#" data-toggle="tooltip" title="Hooray!">Hover over me</a>
  <script>
    $(document).ready(function()
      $('[data-toggle="tooltip"]').tooltip();
    );
  </script>

如果用户关注或移动工具提示内容，则它是隐藏的。如何避免这种情况

谢谢

【问题讨论】：

添加您的代码以及到目前为止您尝试过的内容

添加一段代码以帮助人们理解您的代码并显示问题所在

【参考方案1】：

如果我正确理解了您的问题，则工具提示的预期行为是相反的。这样，当您没有将鼠标悬停在工具提示上时，它实际上会显示？这是你看到的吗？

我在这里创建了一个 JSFiddle 示例...https://jsfiddle.net/fatchild/4zng2hmL/6/

  <a href="#" data-toggle="tooltip" title="Hooray!">Hover over me</a>
  <script>
    $(document).ready(function()
      $('[data-toggle="tooltip"]').tooltip();
    );
  </script>

最好分享您的代码，以便我们更好地了解问题并更有效地帮助您。

编辑： 如果您还没有参考引导工具提示的文档，这里有一个链接...https://getbootstrap.com/docs/4.0/components/tooltips/