Javascript Can';不要让工具提示消失
在表单中,我有一个状态下拉列表和一个邮政编码文本框。客户端已指定要检查邮政编码是否与状态匹配,如果不匹配,则弹出消息并阻止提交表单 在更改邮政编码或状态后,我在服务器上调用一个ajax函数,以确保邮政编码在状态内。如果没有,我会在邮政编码复选框上弹出一个工具提示,上面写着“邮政编码未处于选定状态”。因此,除非存在不匹配,否则工具提示不会出现,我不会添加它,直到/除非zip与状态不匹配。这一切都很好 然后,如果邮政编码发生变化,并且匹配,我想删除工具提示。这是我无法工作的部分。不管我怎么做,这个讨厌的工具提示仍然存在,即使拉链与状态匹配 以下是客户端方法:Javascript Can';不要让工具提示消失,javascript,jquery,tooltip,Javascript,Jquery,Tooltip,在表单中,我有一个状态下拉列表和一个邮政编码文本框。客户端已指定要检查邮政编码是否与状态匹配,如果不匹配,则弹出消息并阻止提交表单 在更改邮政编码或状态后,我在服务器上调用一个ajax函数,以确保邮政编码在状态内。如果没有,我会在邮政编码复选框上弹出一个工具提示,上面写着“邮政编码未处于选定状态”。因此,除非存在不匹配,否则工具提示不会出现,我不会添加它,直到/除非zip与状态不匹配。这一切都很好 然后,如果邮政编码发生变化,并且匹配,我想删除工具提示。这是我无法工作的部分。不管我怎么做,这个讨
function CheckZip() {
var zip = $("#ZipCode").val();
var zipLength = zip.length;
var state = $("#StateCode").val();
if (zipLength === 5) {
$.getJSON("/Home/CheckZip", { zipCode: zip, stateCode: state },
function (data) {
if (data == "true") {
$('#ZipCode').tooltip('disable');
$('#ZipCode').tooltip().mouseover();
}
if (data == "false") {
$('#ZipCode').attr('data-toggle', 'tooltip');
$('#ZipCode').attr('data-placement', 'top');
$('#ZipCode').attr('title', 'Zip code not in selected state.');
$('#ZipCode').tooltip().mouseover();
DisableSubmitButton();
}
if (data == "error") {
// todo
}
});
}
else {
DisableSubmitButton();
}
}
这似乎不是使工具提示消失的正确组合
$('#ZipCode').tooltip('disable');
$('#ZipCode').tooltip().mouseover();
我还尝试删除所有属性,这与if(data==“false”)
中的操作相反。那也没用
有什么想法吗?试试这个:
$(“#ZipCode”).off('mouseover',rf) 试一下:
$(“#ZipCode”).off('mouseover',rf) 正如我在评论中问你是否使用引导,我有一个答案给你。要隐藏工具提示,必须将
disable
更改为hide
。此外,还必须删除隐藏事件下方的行,如下所示:
if (data == "true") {
$('#ZipCode').tooltip('hide');
}
可以找到引导工具提示的文档
我希望这会有帮助 正如我在评论中问你是否使用引导,我有一个答案给你。要隐藏工具提示,必须将
disable
更改为hide
。此外,还必须删除隐藏事件下方的行,如下所示:
if (data == "true") {
$('#ZipCode').tooltip('hide');
}
可以找到引导工具提示的文档
我希望这会有帮助 我最后做的只是创建我自己的div,它使用CSS,悬停在Zip文本框上。我可以随时隐藏和显示它。这很好用。在堆栈溢出上找到一个线程,它向我展示了如何执行css:
我最后做的只是创建自己的div,它使用CSS将鼠标悬停在Zip文本框上。我可以随时隐藏和显示它。这很好用。在堆栈溢出上找到一个线程,它向我展示了如何执行css:
您正在使用引导的工具提示吗?是(额外的文本,以便我添加注释)尝试将
禁用更改为隐藏。另外,请删除隐藏工具提示下面的行,否则它将再次显示:)您正在使用引导的工具提示吗?是(额外的文本,以便我添加注释)尝试将禁用
更改为隐藏
。同时删除隐藏工具顶下方的行,否则它将再次显示:)否。同样的结果。我想我将不得不使用工具提示以外的内容。您是否尝试过此链接:$(“.selector”)。工具提示(“选项”,“禁用”,true);您必须提到选项hide/disabledNope。同样的结果。我想我将不得不使用工具提示以外的内容。您是否尝试过此链接:$(“.selector”)。工具提示(“选项”,“禁用”,true);您必须提到隐藏/禁用选项