複数のツールヒントの効果

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

同じIDを持つ2つのアイテムを持つことはできません。これが最大の問題です。 id=をclass=に変更し、$("#menu_eric")を$(".menu_eric")に変更します。

代わりに、2つの<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ツールチッププラグインを知ることができます。

Answer 2

どちらの画像も同じdiv-containerにありますか？

彼らはしている場合は、画像のid属性を省略し、この使用することができます

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

それは常により良い私はこの1つを使用するように多くのIDとクラス