JQuery工具提示選擇嵌套Div顯示問題

我有一個約30-50行的信息列表，每個需要他們自己獨特的工具提示。我知道我可以製作這些所有唯一的ID，但這會浪費很多JavaScript。我試圖讓jquery返回嵌套的<DIV>與「show_tooltip」類的任何<DIV>與類「tool_tip」的工具提示。所有的工具提示都是獨一無二的。JQuery工具提示選擇嵌套Div顯示問題

<DIV class="tool_tip"> 
<DIV>Content here</DIV> 
<DIV style="display:none;" class="show_tooltip">Any tool tip information goes here with possible html</DIV> 
</DIV> 

<DIV class="tool_tip"> 
<DIV>Content here</DIV> 
<DIV style="display:none;" class="show_tooltip">Another but different tool tip to be displayed</DIV> 
</DIV>

我曾嘗試下面的腳本，但它總是與一類的「show_tooltip」找到返回第一個<DIV>和重複，每行。以下是我已經嘗試了劇本：

$(".tool_tip").tooltip({ 
bodyHandler: function() { 
    return $("div.tool_tip").children(".show_tooltip").html(); 
}, 
showURL: false 
});

我使用下面的工具提示插件：http://bassistance.de/jquery-plugins/jquery-plugin-tooltip/

編輯：

感謝下面的答案。我認爲工作產生的代碼是：

$(".tool_tip").tooltip({ 
bodyHandler: function() { 
    return $(this).find('.tooltip_content').stop().html(); 
}, 
showURL: false 
});

來源

2010-12-10 bobcat

這是，或者應該是比較容易的：

$('.tool_tip').hover(
    function(){ 
     $(this).find('.show_tooltip').stop().fadeIn(500); 
    }, 
    function(){ 
     $(this).find('.show_tooltip').stop().fadeOut(500); 
    });

JS Fiddle demo。

上面的jQuery（和鏈接的演示）使用：hover()，stop()，fadeIn()和fadeOut()（只是爲了參考的目的）。

來源

2010-12-10 18:21:22

謝謝我認爲這將是簡單的東西，我失蹤了。對於JQuery和Javascript來說非常新穎。 – bobcat 2010-12-10 18:33:28

JQuery工具提示選擇嵌套Div顯示問題

回答

相關問題