为文档中的JQuery-UI工具提示行为创建特定的例外

时间:2017-04-05 19:14:53

标签: jquery-ui jquery-ui-dialog jquery-ui-tooltip

我有一系列div可以通过类识别为对话框内容模板。除此之外,内容div具有标题属性,JQuery Dialog使用它们作为对话窗口的标题,这是我想要的行为。但是,这些标题也被工具提示使用,这意味着将鼠标悬停在不是任何其他控件的对话框的一部分上会导致对话框标题显示为工具提示。这是我不想要的行为。

如何从工具提示行为中排除对话框内容div,而不是其子元素?目前,我正在为整个文档启用工具提示,因为这是一个单行。我可以改变它只为按钮做,但我有很多动态创建的按钮(表行等的编辑/删除按钮),必须在每个对话框重新加载时使用工具提示重新初始化,我想要如果我能,请避免。对话框内容div存在于DOM中,来自页面加载,所以如果有一个类我可以应用或者我可以在启用工具提示后调用类选择器的方法,那将是理想的。

编辑:我找到了一个可行的解决方案,可能不是理想的解决方案:为文档启用工具提示,然后为对话框内容类禁用它们,然后在打开对话框时重新启用它们对话框内容类的所有子项(或正在打开的特定对话框)。它起作用,但我可能要求JQuery多次遍历DOM。

1 个答案:

答案 0 :(得分:0)

找到理想的解决方案;在为整个文档设置工具提示时,请将items属性设置为":not()"选择器:

$(document).tooltip({
    items: ":not(.dialogContent)",
    ...
});