Jquery - 工具提示不起作用

Question

我在工具提示上找到了一个教程，我试图复制它而不看它。在我这样做后，我发现我的代码和教程有些不同。所以我修复了它，但它仍然没有显示出来。

http://www.jsfiddle.net/8RTqC/

没关系，我发现了问题。

已更改

  tip = $(this).find('.tooltip');

的

  tip = $('.tooltip');

并且有效

Answer 1

你的选择器错了：

tip = $(this).find('.tooltip');

这将在您的锚点中查找具有“工具提示”类的元素。只需使用：

var tip = $('.tooltip');

Answer 2

要保留每个链接，您需要替换它：

$(this).find('.tooltip')

使用一种方法查找工具提示a sibling，而不是 in <a>，如下所示：

$(this).next('.tooltip')

You can test it out here

Answer 3

最好不要重新发明轮子。试试这个：

http://flowplayer.org/tools/tooltip/index.html