我在这里使用此脚本:https://github.com/sandywalker/webui-popover
我正在初始化一个元素上的弹出框,但是想在某些情况下禁用它。我想重新启用它,但我的代码不能正常工作
您可以在此处查看:http://jsfiddle.net/z613fsnu/1/
function enablePopover() {
$('#popover').webuiPopover();
}
function disablePopover() {
$('#popover').webuiPopover().off();
}
$('#enable').click(function() {
enablePopover();
});
$('#disable').click(function() {
disablePopover();
});
<a href="#" id="enable">enable</a>
<a href="#" id="disable">disable</a>
<a href="#" id="popover">popover</a>
调用enablePopover()确实启用了它。调用disablePopover()然后禁用它。但是如果我在disablePopover()之后再次调用enablePopover(),它就不会重新初始化popover。
我做错了什么?
答案 0 :(得分:2)
使用$('#glossary_btn').webuiPopover('destroy');
<强> HTML:强>
<a href="#" id="glossary_btn">glossary btn</a>
<br/><br/>
<a id="on">ON</a>
<br/><br/>
<a id="off">OFF</a>
<强> JQ:强>
function enablePopover() {
$('#glossary_btn').webuiPopover({title:'Title',content:'Content',placement:'right'});
}
function disablePopover() {
$('#glossary_btn').webuiPopover('destroy');
}
$('#off').click(function(){
disablePopover()
})
$('#on').click(function(){
enablePopover()
})