ブートストラップポップオーバーを複数回開いて閉じるにはどうすればいいですか？

Question

ポップアップ内のボタンをクリックすることで閉じることができるブートストラップを使用しているポップオーバーが必要です。しかし、私は閉じた後、もう一度ポップオーバーを開くためにボタンを2回クリックしなければなりません。

I現在、次の実装を持っている：

HTML：

<button type="button" id="example" class="btn btn-primary">example</button> 

JAVASCRIPT：私は二回にクリックしなくポップオーバーでクローズボタンを実装するにはどうすればよい

$(document).ready(function() { 
    $("#example").popover({ 
     placement: 'bottom', 
     html: 'true', 
     title : '<span class="text-info"><strong>Title</strong></span>'+ 
       '<button type="button" id="close" class="close" 
       onclick="$(&quot;#example&quot;).popover(&quot;hide&quot;); 
       ">&times;</button>', 
     content : 'Content' 
    }); 
}); 

popoverを再び開くためのボタン？

Answer 1

これを修正するには、click()イベントを追加します。

$(document).ready(function() { 
    $("#example").popover({ 
     placement: 'bottom', 
     html: 'true', 
     title : '<span class="text-info"><strong>Title</strong></span>'+ 
       '<button type="button" id="close" class="close" 
       onclick="$(&quot;#example&quot;).popover(&quot;hide&quot;).click(); 
       ">&times;</button>', 
     content : 'Content' 
    }); 
});