ブートストラップ ポップオーバーを使用すると、任意の要素でそれらを非表示および表示するタイミングを制御できます
<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 ロード時に開始され、ポップオーバーはイベント リスナーから手動で開始できることです。