Советы по работе с JQuery - PullRequest
Новая
       21

Советы по работе с JQuery

0 голосов
/ 08 апреля 2010

Я хочу создать подсказку для изображения со ссылкой, теперь у меня она работает, но со вторым изображением она не работает.

Вот мой пример кода: 

<!-- 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>

но не работает, пожалуйста, помогите. вот образец Jquery, который я пытаюсь сделать

Ответы [ 2 ]

1 голос
/ 08 апреля 2010 
 $("#test2").tooltip({ // You had .tooltip2
 effect: 'slide',
    offset: [50, 40] }); 
});

Пояснение:

Плагин всплывающей подсказки предоставляет функцию с именем tooltip, которая является частью объекта jQuery. После загрузки jquery и плагина всплывающей подсказки каждый созданный вами объект jquery [FYI: $(selector) создает объект jquery] может вызывать эту функцию самостоятельно.

Когда вы вызываете tooltip2(), вы вызываете функцию, которая не существует, и поэтому ничего не происходит.

Имеет ли это смысл?

0 голосов
/ 08 апреля 2010

Я бы попробовал это для 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>
...