个人中心
gpt4 book ai didi

javascript - 多个 jquery ui tooltip 定位

转载 作者：行者123 更新时间：2023-11-30 00:27:15 25 4
gpt4 key购买 nike

我正在为我的项目使用 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 的部门。任何想法，我可能做错了什么以及解决它的任何想法？

最佳答案

问题出在你的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()将覆盖那些元素上已经设置的任何内容。

关于javascript - 多个 jquery ui tooltip 定位，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/30969990/

25 4 0
文章推荐： javascript - Verlet/Euler 积分不准确
文章推荐： javascript - 使用 Drum Machine 的 setTimeout 解决延迟问题
文章推荐： javascript - 如何在 javascript 中使用递归来创建键值对象
文章推荐： javascript - 从基本提供者继承时如何防止直接访问属性？
行者123
个人简介

我是一名优秀的程序员,十分优秀！

滴滴打车优惠券免费领取
滴滴打车优惠券
全站热门文章
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com