2015-02-10 74 views
1

在我使用的是酥料餅()函數,那麼,有popovers。我使用的是這樣的:淡出Twitter的引導酥料餅的不同元素

$(status).popover({ 
     trigger: 'click', 
     placement: 'top', 
     html: true, 
     title: "<div style='color:black'>Details:</div>", 
     content: $(statuses).html()}) 

和它的作品就像我想讓它。除了一兩件事,當用戶點擊特定的元素,現在,他得到酥料餅,他需要單擊元素再次擺脫它,這是真正的情況。單擊頁面上的任何地方後,是否可以使其消失?

回答

1

要做到這一點,你需要設置trigger屬性focus

$(status).popover({ 
    trigger: 'focus', 
    placement: 'top', 
    html: true, 
    title: "<div style='color:black'>Details:</div>", 
    content: $(statuses).html() 
}); 

這意味着酥料餅纔有效,而status元素已集中在瀏覽器中,單擊窗口中的其他地方將辭退popover。

+0

不顯示在所有酥料餅的,也許我有舊版本的自舉。懸停並點擊工作 – Leo 2015-02-10 10:37:52

+0

這可能是問題。它絕對適用於最新的引導版本。看到這裏的「dismissable」演示:http://getbootstrap.com/javascript/#popovers – 2015-02-10 10:39:27