javascript - Bootstrap 3 のポップオーバーの非表示のコンテンツは引き続きクリック可能

Question

これが私のコードです：

http://codepen.io/murdocgrjey/pen/LFuto

コンテンツとボタンの外側をクリックしてポップオーバーを閉じようとしましたが、そのコンテンツに問題があります。どうやら、コンテンツを完全に隠したり破壊したりすることはできません。

「トリガー」リンクでポップオーバーを切り替えると、正常に動作します。ただし、コンテンツの外側をクリックして閉じると、コンテンツ内のリンクにカーソルを合わせることができます。

これに対する解決策はありますか？

Answer 1

作業例へのリンクを次に示します: http://codepen.io/anon/pen/zhIsm ドキュメントがクリックされるたびに、最新のトリガーを保持してクリックします。

Answer 2

これは、非表示のポップオーバー内の要素がクリックされないようにするために私がしたことです

$('button.new-history').on('hidden.bs.popover', function () {
    $(this).next().remove();
})

ポップオーバーが非表示になっている場合は、DOM から削除する必要があります。

それが役に立てば幸い！