使用引导弹出框,您可以控制何时在任何元素上隐藏和显示它们
<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>
如何使用引导工具提示完成相同的操作?弹出框和工具提示的区别似乎是工具提示是在 DOM 加载时启动的,而弹出框可以从事件侦听器手动启动。