使用bootstrap popovers,您可以控制何时隐藏并在任何元素上显示它们
<span id="span">Click me</span>
<script>
$('#span').click(function(){
$(this).popover({
title: 'some title',
content: 'nice popover',
trigger: 'manual',
placement:'top',
html: true
}).popover('show');
clickedAway = false
isVisible = true
});
$(document).click(function() {
if(isVisible & clickedAway){
$('#span').popover('hide')
isVisible = clickedAway = false
}else{
clickedAway = true
}
});
</script>
如何使用bootstrap工具提示完成相同操作?与弹出窗口和工具提示的区别似乎是工具提示是在DOM加载时启动的,弹出窗口可以从事件监听器手动启动。
答案 0 :(得分:6)
据我所知,你可以致电:
$('#id').tooltip({
...config...
});
$('#id').tooltip('show');
在任何时候?