无法启用/重新启用javascript webui-popover

时间:2014-11-19 22:48:13

标签: javascript jquery

我在这里使用此脚本: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。

我做错了什么?

1 个答案:

答案 0 :(得分:2)

使用$('#glossary_btn').webuiPopover('destroy');

http://jsfiddle.net/9kmt2q6v/

<强> 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()
})