2016-03-01 60 views
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'); 
}); 

回答

0

這是一個已知的bug,與修復未決修訂:github