使用選擇器選項銷燬Bootstrap彈出窗口

Question

如何銷燬使用選擇器選項創建的Bootstrap彈出窗口？例如

$e.popover({ 
    selector: 'mark', 
    trigger: 'hover', 
    container: "body", 
}); 

如果您隨後致電$e.popover('destroy')，則會顯示錯誤消息。

我注意到Plugin功能通過popover('destroy')稱爲如下：

function Plugin(option) { 
    return this.each(function() { 
     var $this = $(this) 
     var data  = $this.data('bs.popover') 
     var options = typeof option == 'object' && option 
     var selector = options && options.selector 

     if (!data && option == 'destroy') return 
     if (selector) { 
     if (!data) $this.data('bs.popover', (data = {})) 
     if (!data[selector]) data[selector] = new Popover(this, options) 
     } else { 
     if (!data) $this.data('bs.popover',(data = new Popover(this, options))) 
     } 
     if (typeof option == 'string') data[option]() /// <<-- THIS ALWAYS FAILS 
    }) 
    } 

如果調用$e.popover('destroy')上述行（明確標示），因爲它是調用data['destroy']總是失敗，但數據將是一個對象像{mark: Popover}。

它應該清楚地叫data['mark']['destroy']，但它不是立即明白這應該如何發生。

一個選項是創建一個字符串s = 'destroy'然後將selector屬性添加到字符串，但應該很明顯，這不是預期的設計。

或者，可以撥打$e.data('bs.popover').mark.destroy()，但我不確定這是否是預期的設計，並且沒有記錄在我能找到的任何地方。

這裏有一個sample jsFiddle

Answer 1

由於Matt評論說，這是a Bootstrap bug in 3.3.1。