javascript 如何在不悬停或单击[复制]的情况下保持激活的引导工具提示

np8igboo 于 12个月前发布在 Java

关注(0)|答案(2)|浏览(81)

此问题已在此处有答案：

How to make bootstrap tooltip remain visible till the link is clicked（3个答案）
20小时前关闭。

这是一个例子，我用它来保持打开的工具提示没有悬停或点击，但它不工作的任何其他建议

<a href="#" title="Download Excel" class="tool_tip">Download Excel</a>

我的jquery for工具提示保持活动

<script>
    $('.tool_tip').tooltip({trigger: 'manual'}).tooltip('show');
</script>

JavaScript

来源：https://stackoverflow.com/questions/39099894/how-to-keep-active-bootstrap-tooltip-without-hover-or-click

2条答案

按热度按时间

o7jaxewo1#

尝试添加

data-toggle="tooltip" data-placement="right"

你的html：

<a href="#" data-toggle="tooltip" data-placement="right" title="Download Excel" class="tool_tip">Download Excel</a>

https://jsfiddle.net/404c3fxb/
或者，你可以使用jQuery，对于你想要的所有元素，使用一个类选择器：

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

https://jsfiddle.net/404c3fxb/1/
其中data-placement是工具提示位置（左、上、下或右）。
引导工具提示

赞(0）回复(0）举报 12个月前

0lvr5msh2#

引导4.x -JS
$('#IDENTIFIER').css({'pointer-events': 'none'}).tooltip('show');
Bootstrap 4.x -CSS
#IDENTIFIER# { pointer-events: none; }
这样，（工具提示的）父元素将忽略所有单击事件，因此工具提示始终可见。

赞(0）回复(0）举报 12个月前

我来回答

javascript 如何在不悬停或单击[复制]的情况下保持激活的引导工具提示

2条答案

相关问题

热门标签

最新问答