此问题已在此处有答案:
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>
2条答案
按热度按时间o7jaxewo1#
尝试添加
你的html:
https://jsfiddle.net/404c3fxb/
或者,你可以使用jQuery,对于你想要的所有元素,使用一个类选择器:
https://jsfiddle.net/404c3fxb/1/
其中data-placement是工具提示位置(左、上、下或右)。
引导工具提示
0lvr5msh2#
引导4.x -JS
$('#IDENTIFIER').css({'pointer-events': 'none'}).tooltip('show');
Bootstrap 4.x -CSS
#IDENTIFIER# { pointer-events: none; }
这样,(工具提示的)父元素将忽略所有单击事件,因此工具提示始终可见。