0
我只有一個元素觸發了彈出窗口,另一個元素關閉了它。如果彈出窗口被另一個元素關閉,那麼下次單擊觸發器時,彈出窗口將不顯示。我必須點擊它兩次才能看到它打開。從另一個元素關閉Bootstrap的彈出窗口
我使用Bootstrap v3.3.6(今日最新版本)。如果我使用以前版本的Bootstrap(即v3.0.2),它可以正常工作。解決此問題的SO中的另一個問題是使用較舊版本的Bootstrap。
,說明這個問題(在Codepen)的一個例子:
HTML:
<button class="btn btn-default" data-toggle="popover" data-content="This is a popover">
Toggle popover
</button>
<button class="cpo btn btn-danger">
Close popover
</button>
JS
$('[data-toggle="popover"]').popover();
$(".cpo").on("click", function(e) {
e.preventDefault();
$('[data-toggle="popover"]').popover('hide');
});