使用选择器选项销毁 Bootstrap 弹出框

Question

如何销毁使用选择器选项创建的 Bootstrap 弹出框？例如

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

如果您随后调用 $e.popover('destroy')，则会收到错误消息。

我注意到popover('destroy')调用的Plugin函数如下：

 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。