以下は、表示に使用しているjqueryコードですpopover。私がしたいのは、ユーザーが画面のどこかをクリックする<span id="close" class="pover"></span>と、現在開いているポップオーバーが非表示になり、ユーザーがクリックした新しいポップオーバーが表示されることです。
class="pover"以下に示すように、次のjqueryによってポップアップされているスパンをご覧ください。開いているポップアップを非表示にして、それに応じて新しいポップアップを表示する方法を教えてください
現在、クリックイベントですべてのポップオーバーが表示されています。
$(document).ready(function() {
$('.pover').each(function() {
//$('#close').popover( "hide" );
$(this).popover({
title: $(this).attr('abc'),
content: $(this).attr('data-content'),
delay: "show",
trigger: "click"
});
});
});