带有动态div的jquery工具提示

时间:2012-02-20 22:38:54

标签: jquery tooltip

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

2 个答案:

答案 0 :(得分:0)

您可以使用jQuery qTip2 plugin

执行此操作

答案 1 :(得分:0)

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

顺便说一句。我不会对多于一个元素使用相同的id,因为不推荐这样做。我会使用像data-id =“commonName”之类的东西,或者添加另一个类,例如这个class =“existingClass anotherClass yourClassTooltip”作为它的标准。