gpt4 book ai didi

jquery - 如何在 jQuery 中相对于触发元素定位工具提示?

转载 作者:行者123 更新时间:2023-12-01 03:02:56 25 4
gpt4 key购买 nike

我想在工具提示中显示 JSON 响应(来自 ajax 调用)。我想将工具提示相对于其触发元素( anchor )定位在其左侧下方。我将在同一页面上有许多触发元素。我想到使用这样的东西:

$.ajax({
// Do stuff
success: function(response) {
$(this).after("<div class='tooltip'>" + response.message + "</div>");
}
});

这段代码不能解决我的问题。它将工具提示插入目标元素的容器中。我需要工具提示 float 并独立于目标元素,有点像您对帖子投票时 StackOverFlow 显示的工具提示。

有什么想法如何在 jQuery 中做到这一点吗?

最佳答案

为了使工具提示独立于其他元素,它应该是 <body>直接子元素并具有高z-index CSS 属性。

如果您尝试将工具提示放入 DOM 中的其他位置,可能会干扰页面布局。

然后只需使用 absolute根据触发元素的坐标进行定位。

.tooltip {
z-index: 10000;
position: absolute;
}

var offset = $(trigger).offset();
offset.top += $(trigger).height();
$(tooltip).offset(offset);

关于jquery - 如何在 jQuery 中相对于触发元素定位工具提示?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/6643364/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com