如何保持活动的引导工具提示而不悬停或单击

Vis*_*iya 4 javascript jquery twitter-bootstrap

这是我用于保持打开工具提示而不悬停或单击但它不起作用的任何其他建议的示例

<a href="#" title="Download Excel" class="tool_tip">Download Excel</a>
Run Code Online (Sandbox Code Playgroud)

我的工具提示的jQuery保持活动状态

<script>
    $('.tool_tip').tooltip({trigger: 'manual'}).tooltip('show');
</script>
Run Code Online (Sandbox Code Playgroud)

Ala*_*zak 7

尝试添加

data-toggle="tooltip" data-placement="right"
Run Code Online (Sandbox Code Playgroud)

到您的html:

 <a href="#" data-toggle="tooltip" data-placement="right" title="Download Excel" class="tool_tip">Download Excel</a>
Run Code Online (Sandbox Code Playgroud)

https://jsfiddle.net/404c3fxb/

或者,您可以使用jQuery,使用类选择器针对所需的所有元素进行操作:

$('.tool_tip')
  .attr('data-toggle', 'tooltip')
  .attr('data-placement', 'right')
  .tooltip({
    trigger: 'manual'
  })
  .tooltip('show');
Run Code Online (Sandbox Code Playgroud)

https://jsfiddle.net/404c3fxb/1/

其中数据放置是工具提示位置(左,顶部,底部或右侧)。

引导工具提示