Советы JQuery Tool

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 Я пытаюсь TODO

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>