Javascript JQuery工具提示-反转工具提示().off(mouseover mouseleave)
所以基本上,我试图创建一个表单,在鼠标悬停时显示工具提示。单击其中一个字段后,我想禁用光标触发其他工具提示。一旦用户在文本框外单击,我希望鼠标继续触发工具提示 我的问题是——我已经让所有的东西都工作了,除了我不能重新打开鼠标侦听器。代码如下:Javascript JQuery工具提示-反转工具提示().off(mouseover mouseleave),javascript,jquery-tooltip,Javascript,Jquery Tooltip,所以基本上,我试图创建一个表单,在鼠标悬停时显示工具提示。单击其中一个字段后,我想禁用光标触发其他工具提示。一旦用户在文本框外单击,我希望鼠标继续触发工具提示 我的问题是——我已经让所有的东西都工作了,除了我不能重新打开鼠标侦听器。代码如下: $(function () { infoTips(); }); function infoTips(){ $("input:text").tooltip({ content : function(){ return $(this)
$(function () {
infoTips();
});
function infoTips(){
$("input:text").tooltip({
content : function(){
return $(this).attr("title");
},
position : {
my : "left top",
at : "right top",
of : ".tip"
}
}).on("focusin", function () {
$("*").tooltip().off("mouseover mouseout mouseleave");
}).on("focusout", function () {
//This line doesn't work -
$("*").tooltip().on("mouseover mouseout mouseleave");
//
});
}
谢谢大家! 我将选择器更改为此,并将其更改为“删除”,因此看起来如下所示:
}).on("focusin", function () {
$(this).tooltip().remove("mouseover mouseout mouseleave");
}).on("focusout", function () {
$(this).tooltip().on("mouseover mouseout mouseleave");
});
这里有一个更新的jQuery在关闭处理程序时不会将其保留在内存中 对于您的情况,我相信您可以启用/禁用jQuery工具提示 编辑:更新以排除当前输入 i、 e
编辑:jsfiddle:谢谢您,先生!非常有帮助!这根本不起作用?Remove用于从页面中删除元素,而不是处理程序。为什么会将其标记为正确的anwser?Remove只会删除dom元素,而Off会删除事件处理程序。它也可以工作,您可以在JSFIDLE中测试它。对不起!Yann,你说得对这不是我要找的。我不知道它是怎么被标记为正确的。
function infoTips(){
var $inputsWithTooltips = $("input:text");
$inputsWithTooltips.tooltip({
content : function(){
return $(this).attr("title");
},
position : {
my : "left top",
at : "right top",
of : ".tip"
}
}).on("focusin", function () {
$inputsWithTooltips.not(this).tooltip("disable");
}).on("focusout", function () {
$inputsWithTooltips.not(this).tooltip("enable");
});
}