Bootstrap Popover是Bootstrap的彈出提示控件。我們可以通過(guò)data屬性或者Javascript來(lái)調(diào)用該控件。data屬性調(diào)用定制性較差這里就不細(xì)說(shuō)了，我們講一下Javascript來(lái)調(diào)用。

?

初始化

$().popover(options)

對(duì)于jQuery選擇器選到的元素調(diào)用jQuery.fn.popover(options)完成初始化，options是一個(gè)對(duì)象可以包含以下屬性：

?

基本方法

.popover('show')

顯示提示。

.popover('hide')

隱藏提示。

.popover('toggle')

顯示/隱藏提示。

.popover('destroy')

銷毀?

?

更多需求

一般這些方法可以滿足要求。

• 但是如果我們想對(duì)彈出提示寫(xiě)入HTML，并對(duì)里面的元素進(jìn)行事件綁定，可能就出現(xiàn)問(wèn)題了，因?yàn)槲臋n沒(méi)有告訴你怎么獲得該彈出提示對(duì)象。
• 或者，如果我不想讓該彈出提示彈出時(shí)候，除了銷毀，我們也沒(méi)有更好的辦法，可是銷毀后，想再次使用只能再次初始化……
• 又或者……

實(shí)際上Bootstrap有些隱藏的方法能滿足我們的需求。

注：實(shí)際上很多方法可以使用類似于.popover('xxx')的方法調(diào)用，但某些需要獲取其返回值得方法卻不能使用，因?yàn)槲覀冎纉Query中的方法一般都會(huì)返回this，所以我們沒(méi)法得到我們想要的東東。所以為了統(tǒng)一，我們推薦用下面的方法調(diào)用。?

?

獲取Popover對(duì)象

實(shí)際上，彈出提示是由內(nèi)建的Popover對(duì)象管理的，jQuery.fn.popover方法只是調(diào)用Popover對(duì)象中的方法而已。所以首要是取出Popover對(duì)象供我們使用，而這一對(duì)象又在該元素的jQuery緩存中，我們可以這樣取出：

$().data('popover');

例如：

      
        var
      
       popoverObj = $('#element').data('popover');
    

然后我們就可以通過(guò)該對(duì)象的方法來(lái)完成我們想做的東西。

?

獲取彈出提示對(duì)象

Popover.tip();?

我們可以使用該方法返回jQuery包裝后的彈出提示對(duì)象，然后進(jìn)行事件綁定，例如：

      popoverObj.tip().on('click', '#someElement', 
      
        function
      
      
        (evt){
    
      
      
        //
      
      
        do something...
      
      
})
    

?

使彈出提示有效或無(wú)效

利用Popover.enable() 和 Popover.disable() 方法可以很容易使彈出框生效或無(wú)效，而不是銷毀他。

當(dāng)然我們也可以用Popover.toggleEnabled() 方法來(lái)切換生效和無(wú)效狀態(tài)。

?

?

Bootstrap Popover 隱藏的Javasript方法