带有动态 div 的 jquery 工具提示
我在部分视图中有一个链接。我希望当用户将鼠标悬停在该链接上时显示“工具提示”。 到目前为止,我已经尝试了几个工具提示 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 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(2)
您可以使用 jQuery qTip2 插件 来完成此操作。
You can do this with the jQuery qTip2 plugin.
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.