多個工具提示效果

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

來源

2012-03-01 moreinet

好了，你不能有兩個項目使用相同的ID - 這是你最大的問題存在。將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的工具提示插件。

來源

2012-03-01 07:43:49 SickHippie

你好@SickHippie我用這一個HTTP ：//flowplayer.org/tools/demos/index.html 會讓你在幾分鐘內知道它的工作與否。 – moreinet 2012-03-01 07:49:37

我很高興它現在工作，非常感謝你 – moreinet 2012-03-01 07:55:05

jQuery如何知道女巫鏈接長巫婆鏈接，你可以爲我請飛機。 – moreinet 2012-03-01 07:56:26

這兩個圖像都在同一個div容器中嗎？

如果他們是你可以離開了圖像的id屬性，並使用此：

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

它總是最好不要用那麼多的ID和班級

來源

2012-03-01 07:49:28

「最好不要使用這麼多ID和類」 - 我完全不同意這種說法，特別是對於使用沉重CSS或jQuery的網站。也許這是一種偏好，但有很多情況下，沒有類別或ID可以讓事情變得更糟，而不是更好。 – SickHippie 2012-03-01 17:26:45

我個人更喜歡減少類和ID的數量，部分原因是我總是用盡名稱= D。但是，在我看來，最好是創建一個ID並解決像'#id tagName'這樣的節點。我也同意你的意見，如果你使用沉重的CSS或jQuery，你會在最後得到大量的類。但我的目標總是，減少它們的數量。 – 2012-03-02 08:00:19

也許我們只是在理性的基礎上添加它並稱之爲好？像任何事情一樣，可能會過度。經過一段時間的思考，實際上只有CSS纔是必要的 - 通常只是爲了解釋IE8而降低以避免過濾聲明等。兒童選擇器是一件美麗的事情。平衡簡單功能應該是我們努力的目標 - 我會盡力記住這一點。 :) – SickHippie 2012-03-02 18:11:52

多個工具提示效果

回答

相關問題