Question

我需要在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">

Answer 1

两个图像都在同一个div容器中吗？

如果他们是你可以省略图像的id属性并使用它：

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

最好不要使用这么多的ID和类

Answer 2

嗯，你不能有两个具有相同身份的项目 - 那是你最大的问题。将id=更改为class=，然后将$("#menu_eric")更改为$(".menu_eric")。

或者，例如，为您的两个<a>标记提供不同的ID - menu_eric1和menu_eric2。然后拨打$("#menu_eric1").tooltip({ effect: 'fade'}); $("#menu_eric2").tooltip({ effect: 'fade'});或$("#menu_eric1, #menu_eric2").tooltip({ effect: 'fade'});

如果这些不能解决您的问题，那将有助于了解您正在使用的30多个jQuery工具提示插件中的哪一个。

多个工具提示效果

2 个答案: