【问题标题】: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>

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

谢谢

【问题讨论】:

  • 添加您的代码以及到目前为止您尝试过的内容
  • 添加一段代码以帮助人们理解您的代码并显示问题所在

标签: jquery css twitter-bootstrap


【解决方案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/

【讨论】:

    猜你喜欢
    • 2021-11-03
    • 2013-06-20
    • 1970-01-01
    • 1970-01-01
    • 2021-02-06
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2018-11-14
    相关资源
    最近更新 更多