【问题标题】:Keep Bootstrap Tooltip visible if you mouse onto the tooltip如果将鼠标悬停在工具提示上,请保持 Bootstrap 工具提示可见
【发布时间】:2015-11-03 10:54:39
【问题描述】:

所以我有一个元素,其中我有一个引导工具提示在悬停时工作。但是,如果用户将鼠标移动到工具提示上,我想保持工具提示打开。当前,当用户将鼠标移动到工具提示占用的空间时,工具提示已关闭。工具提示将包含包含几个按钮的 html。

如果用户从导致悬停的元素移动到工具提示,我如何使其保持打开状态?

【问题讨论】:

    标签: twitter-bootstrap tooltip


    【解决方案1】:

    使用 jQuery 手动触发:

    $('.myTooltip') .tooltip({trigger: 'manual'}).tooltip('show');
    

    这是标记和演示,

    HTML:

    <div class="container">
      <h3>Tooltip Example</h3>
      <a href="#" data-toggle="tooltip" class="myTooltip" title="Hooray!">Hover over me</a>
    </div>
    

    JS:

    $('.myTooltip').tooltip({trigger: 'manual'}).tooltip('show');
    

    CODEPEN DEMO

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2022-01-06
      • 1970-01-01
      • 2011-06-23
      • 1970-01-01
      • 2018-12-08
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多