Javascript 多个jquery ui工具提示定位
我在为我的项目使用Jquery UI工具提示,并希望以某种方式定位整个文档的工具提示,但带有类的分区除外Javascript 多个jquery ui工具提示定位,javascript,jquery,jquery-ui,Javascript,Jquery,Jquery Ui,我在为我的项目使用Jquery UI工具提示,并希望以某种方式定位整个文档的工具提示,但带有类的分区除外 $( document ).not(".t_l_overview").tooltip({ position: { my: "center top", at: "center bottom+5" }, show: { duration: "fast" }, hide: {
$( document ).not(".t_l_overview").tooltip({
position: {
my: "center top",
at: "center bottom+5"
},
show: {
duration: "fast"
},
hide: {
effect: "hide"
}
});
$(".t_l_overview").tooltip({
position: {
my: "left+15 center",
at: "right center"
},
show: {
duration: "fast"
},
hide: {
effect: "hide"
}
});
问题是,如果我一次使用其中一个,它可以工作,但两者不能一起工作。如果在代码中同时使用这两个选项,工具提示将仅应用于具有类t_l_overview的分区。有什么想法,我可能做错了什么,有什么想法可以解决吗?问题在于您的
而不是选择器$(document).not(“.t\u l\u overview”)
是空数组,因此您实际上没有设置“default”
如果要选择所有没有类t\u l\u overview
的DOM元素,可以使用以下语法:
$("*").not(".t_l_overview").tooltip({ ... });
或
或
最后一个可能是您想要的,因为我猜您不关心在
或
元素上设置工具提示
还可以设置默认工具提示,并为特定图元集覆盖它,如下所示:
$(document).tooltip({ ... }); // default
$(".t_l_overview").tooltip({ ... }); // override for .t_l_overview
对tooltip()
的后续调用将覆盖这些元素上已设置的内容。非常感谢。它起作用了。但是我可以知道为什么$(document)不起作用吗?document
返回一个document对象,而不是组成文档的DOM元素集。From:“文档界面…提供文档的全局功能。”相比之下,“Document.documentElement
…返回作为文档根元素的元素(例如,HTML文档的
元素)。”因此您也可以使用$(Document.documentElement)。而不是(“.t\u l\u概述”)
如果您愿意的话。有点细微的区别。
$("body").not(".t_l_overview").tooltip({ ... });
$(document).tooltip({ ... }); // default
$(".t_l_overview").tooltip({ ... }); // override for .t_l_overview