带有动态 div 的 jquery 工具提示

发布于 2025-01-07 15:16:06 字数 223 浏览 1 评论 0原文

我在部分视图中有一个链接。我希望当用户将鼠标悬停在该链接上时显示“工具提示”。 到目前为止,我已经尝试了几个工具提示 jquery 插件,但它们几乎都使用标题元素。我希望当用户将鼠标悬停在链接上时显示一个 div。此外,所有这些插件都使用元素类而不是 id。我想使用 Id,因为在页面上我将有大约 10 个具有不同内容的部分视图。显然,当用户将鼠标悬停在特定部分视图中生成的特定链接上时,应该显示相应的 div。 有人可以帮我吗

I have in my partial view a link. I want the "tooltip" to be shown if user hovers on that link.
So far I've tried several tooltip jquery plugins but they almost all use title element. I want a div to be shown when user hovers on the link. Additionally, all those plugins use element classes and not ids. I want to use Id because on the page I will have about 10 partial views with different content. Obviously when user hovers on a specific link generated in a specific partial view, the appropriate div should be shown.
Can someone please help me

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(2

空城仅有旧梦在 2025-01-14 15:16:06

您可以使用 jQuery qTip2 插件 来完成此操作。

You can do this with the jQuery qTip2 plugin.

怕倦 2025-01-14 15:16:06

qTip2 - http://craigsworks.com/projects/qtip2/demos/ - 这个插件是最好的一个,可以通过多种不同的方式进行定制(包括您的想法)。

顺便提一句。我不会对多个元素使用相同的 id,因为不建议这样做。我会使用像 data-id="commonName" 这样的东西,或者添加另一个类,比如这个 class="existingClass anotherClass yourClassTooltip" 作为它的标准。

qTip2 - http://craigsworks.com/projects/qtip2/demos/ - this plugin is the best one and can be customized in many different ways (including your idea).

btw. I would not use the same id for more then one element as this is not recommended. I would use something like data-id="commonName" or add another class like this class="existingClass anotherClass yourClassTooltip" as its a standard.

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文