我使用asp.net mvc剃须刀代码。
我使用qtip在鼠标悬停时显示弹出窗口。
我在设置页面上有一个复选框,用于启用/禁用qtip。
这是我的代码:
function tooltip(a) {
Sapppid = document.getElementById("s" + a).textContent;
Sapppid = Sapppid.replace("s", "");
$.ajax({
url: window.location.pathname + "Scheduler/getappointmentdetails",
type: "POST",
data: { sharedappid: Sapppid }
})
.success(function (result) {
document.getElementById('ApptDetails').value = result;
});
$("#" + a).qtip({
overwrite: false,
content: {
text: "...",
button: 'Close',
ajax: {
url: window.location.pathname + "Scheduler/Eventdetails/" + Sapppid,
type: 'Post',
success: function (result) {}
}
},
style: {
classes: '',
width: 500
},
position: {
my: 'right bottom center',
at: 'middle right center',
target: $("#" + a)
},
show: {
ready: true,
solo: true
},
hide: {
when: { event: 'mouseout unfocus' }, fixed: true, delay: 200
}
});
}
我设计qtip来显示动态内容。我用qtip2。我在网站上找不到任何要禁用或启用的文档。
这是我找到的唯一代码,但是无法弄清楚该在哪里应用。
http://qtip2.com/api#api.disable
api.disable(true);
// Enable it again
api.disable(false);
最佳答案
将onclick事件附加到您的复选框,并将禁用功能放在您要定位的元素的qtip函数中
代码示例:
$('.checkbox').on('click', function(){
$('.dynamic').qtip('disable', true);
});
试试看,让我知道它是否在评论中起作用
关于javascript - 在复选框上启用或禁用qtip,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/19311775/