多个jquery ui工具提示定位

Question

我在我的项目中使用了 Jquery UI 工具提示，并希望以某种方式为整个文档定位工具提示，除了带有类的部门。

$( 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 的部门。 任何想法，我可能做错了什么以及解决它的任何想法？

Answer 1

问题出在你的not选择器上。 $(document).not(".t_l_overview")是空数组，因此您实际上并未设置“默认”。

如果要选择所有没有类t_l_overview DOM 元素，可以使用以下语法：

$("*").not(".t_l_overview").tooltip({ ... });

或者

$("html").not(".t_l_overview").tooltip({ ... });

或者

$("body").not(".t_l_overview").tooltip({ ... });

最后一个可能是你想要的，因为我猜你不关心在<head>或<script>元素上设置工具提示。

您还可以设置默认工具提示并为特定元素集覆盖它，如下所示：

$(document).tooltip({ ... }); // default
$(".t_l_overview").tooltip({ ... }); // override for .t_l_overview

对tooltip()后续调用将覆盖已在这些元素上设置的任何内容。

多个jquery ui工具提示定位

问题描述

1 个解决方案

解决方案1
2 已采纳 2015-06-22 04:38:40

多个jquery ui工具提示定位

问题描述

1 个解决方案

解决方案1 2 已采纳 2015-06-22 04:38:40

解决方案1
2 已采纳 2015-06-22 04:38:40