JQuery工具提示

Question

我想爲帶有鏈接的圖像創建一個工具提示，現在我可以使用它了，但它不適用於第二個圖像。

這裏是我的示例代碼：

<!-- trigger element. a regular workable link --> 
<a id="test" title="Name - Title">Name</a> 

<!-- tooltip element --> 
<div class="tooltip"> 
<div><span class="name">Name</span><br /> 
Title 
<span><a href="#">more info»</a></span></div> 
</div> 

<!-- trigger element. a regular workable link --> 
<a id="test2" title="Name - Title">Name</a> 

<!-- tooltip element --> 
<div class="tooltip2"> 
<div><span class="name">Name</span><br /> 
Title 
<span><a href="#">more info»</a></span></div> 
</div> 

，這裏是我的腳本，它使一切發生：

<script> 
// What is $(document).ready ? See: http://flowplayer.org/tools/using.html#document_ready 

$(document).ready(function() { 

// enable tooltip for "test" element. use the "slide" effect 
$("#test").tooltip({ 
effect: 'slide', 
    offset: [50, 40] }); 

$("#test2").tooltip2({ 
effect: 'slide', 
    offset: [50, 40] }); 
}); 
</script> 

但不工作，請幫助。這裏是sample Jquery的我想待辦事項

Answer 1

$("#test2").tooltip({ // You had .tooltip2 
effect: 'slide', 
    offset: [50, 40] }); 
}); 

說明：

工具提示插件提供了一個名爲tooltip函數是jQuery對象的一部分。一旦你加載jQuery和工具提示插件，你創建的每個jquery對象[FYI：$(selector)創建一個jQuery對象]可以調用它自己的函數。

當您致電tooltip2()時，您正在調用一個不存在的函數，因此沒有任何反應。

這有道理嗎？

Answer 2

我會嘗試一下本作的HTML ...

<!-- trigger element. a regular workable link --> 
<a id="test" title="Name - Title">Name</a> 

<!-- tooltip element --> 
<div class="tooltip"> 
<div><span class="name">Name</span><br /> 
Title 
<span><a href="#">more info»</a></span></div> 
</div> 

<!-- trigger element. a regular workable link --> 
<a id="test2" title="Name - Title">Name</a> 

<!-- tooltip element --> 
<div class="tooltip"> 
<div><span class="name">Name</span><br /> 
Title 
<span><a href="#">more info»</a></span></div> 
</div> 

這對於JavaScript的...

<script> 
// What is $(document).ready ? See: http://flowplayer.org/tools/using.html#document_ready 

$(document).ready(function() { 

// enable tooltip for "test" element. use the "slide" effect 
$("#test, #test2").tooltip({ 
effect: 'slide', 
    offset: [50, 40] }); 
}); 
</script>