javascript - 禁用/重新启用 javascript webui-popover 时遇到问题

标签 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(),它不会重新初始化弹出窗口。

我做错了什么?

最佳答案

使用$('#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()
})

关于javascript - 禁用/重新启用 javascript webui-popover 时遇到问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/27028520/

相关文章:

javascript - Jquery弹出框冲突

javascript - 使用 HTML5 播放器时使用 Javascript 更改 Youtube 视频

javascript - 如何通过点击事件删除Vue Js中的父元素?

javascript - reactjs中两种类型的赋值之间的区别

javascript - 累积的 jQuery 函数

javascript - 如何使用 jQuery/jQueryUi 根据从日出到日落的时间更改背景颜色?

javascript - 基于两个值的数组合并

javascript - 将标签输入保存在数组中并在重新打开时显示

javascript - 添加了当用户点击后退按钮时的提醒,但现在我想在提交表单时将其删除

javascript - 如何使用 javascript/jquery 用标签包装元素的同级文本?