jQuery easytooltip IE6＆ID問題

Question

我想在FF，Chrome，IE8中正常工作的同一頁面上使用多個工具提示。 IE6 & 7但是不喜歡使用相同的ID標籤？

我目前正在學習jQuery，但不知道我必須做什麼才能使這兩個工具提示工作，我試着將ID改爲類等，以阻止衝突，但沒有得到任何地方。

任何人都可以建議我如何解決這個問題？

這裏是頁http://www.kylehouston.com/testing/easytooltip/hover-testing.html

Answer 1

沒有瀏覽器的喜歡重複的ID。 ID必須是唯一！我不知道爲什麼它工作在所有...

我建議你組織你的元素，像這樣的（當然，你應該給他們，那麼一個更有意義的ID只是linkX）：

<a id="link1" class="tooltip">...</a> 
<a id="link2" class="tooltip">...</a> 

<div id="link1-tooltip">...</div> 
<div id="link2-tooltip">...</div> 

然後循環遍歷鏈接：

$('a.tooltip').each(function() { 
    $(this).easyTooltip({ 
     useElement: this.id + "-tooltip"     
    }); 
});