如何销毁使用选择器选项创建的 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()
,但我再次不确定这是预期的设计,并且在我能找到的任何地方都没有记录。
这是一个示例 jsFiddle