Jquery 多刀具尖端效应

我需要在jQuery中制作多个工具提示，但我对这方面很新，有人能帮我解决这个问题吗

  <script>
   $(document).ready(function() {
   $("#menu_eric").tooltip({ effect: 'fade'});
  });
 </script>


 <!-- Link 1 Image 1 -->
  <a id="menu_eric">Link 1 </a>
 <img class="tooltip" src="mouse_hover_pic1.jpg">




 <!-- Link 2 Image 2 -->
    <a id="menu_eric">Link 2 </a>
    <img class="tooltip" src="mouse_hover_pic2.jpg">

$（文档）.ready（函数（）{
$（“#menu_eric”）。工具提示（{effect:'fade'}）；
});
链接1
链接2

好吧，你不能有两个id相同的项目-这是你最大的问题。将

id=

更改为

class=

，然后将

$（“#menu_eric”）

更改为

$（“.menu_eric”）

或者，为您的两个

标签指定不同的id，例如，menu_eric1和menu_eric2。然后调用

$（“#menu_eric1”）。工具提示（{effect:'fade'}）；
$（“#菜单2”）。工具提示（{效果：'淡入'}）或
$（“#menu_eric1，#menu_eric2”）。工具提示（{effect:'fade'}）

如果这些都不能解决您的问题，那么了解您正在使用的30多个jQuery工具提示插件中的哪一个会有帮助。
这两个图像都在同一个div容器中吗

如果是，您可以省略图像的id属性，并使用以下选项：

$('#IdOfYourDivContainer img').tooltip({ effect : 'fade'});

最好不要使用这么多ID和类
Hello@SickHippie我使用这个会在几分钟内让你知道它是否有效。jQuery知道witch-link有多长到witch-link，你能不能帮我换个面。在不太技术化的情况下，它基本上会将侦听器附加到你在JS中指定的元素上。当鼠标悬停在正在侦听的元素上时，它将显示您指定的工具提示-在本例中，您指定了
class=“tooltip”
。如果你的问题解决了，别忘了接受答案！“最好不要使用这么多ID和类”-我完全不同意这种说法，尤其是对于使用繁重CSS或jQuery的网站。也许这是一种偏好，但在很多情况下，没有类或ID来抓取会让事情变得更糟，而不是更好。我个人更喜欢减少类和ID的数量，部分原因是我总是用不到name=D。然而，在我看来，最好创建一个ID并寻址以下节点，如
#ID标记名
。我也同意你的观点，如果你使用繁重的CSS或jQuery，你最终会有大量的类。但我的目标始终是，减少他们的数量。也许我们只需在其中添加“合理”并称之为好？就像任何事情一样，有可能会过火。经过一段时间的思考，实际上只有CSS才有必要——通常只考虑IE8和更低版本，以避免过滤器声明等。儿童选择器是一件美好的事情。我们应该努力在简单性和功能性之间取得平衡——我会尽量记住这一点。：）