2013-04-27 2 views
0

У меня есть слайд-шоу JQuery на моей домашней странице, которая отображает всплывающую подсказку (используя плагин Tooltipster http://calebjacob.com/tooltipster/), каждый раз, когда вы наводите курсор на одно из изображений слайд-шоу. То, что я хочу сделать, это отложить загрузку Tooltipster каждый раз, когда нажата следующая кнопка в слайд-шоу, используя JQuery. Это мой синтаксис до сих пор:JQuery Tooltipster Delay On Click

<!--- Load Tooltipster plugin --> 

<script> 
$(document).ready(function() { 
    $('.tooltip').tooltipster(); 
}); 
    </script> 

<!--- Delay the plugin load every time next_button is clicked -->  

<script> 
$(document).ready(function() { 
    $(".next_button").bind("click",function() { 
     setTimeout(function() { 
     $('.tooltip').tooltipster();}, 200); 
    }); 
}); 
</script> 

Однако это не работает. Где я иду не так?

ответ

1

Вы упускаете $ перед тем document, а также $, чтобы выбрать .next_button:

$(document).ready(function() { 
    $(".next_button").bind("click",function() { 
     setTimeout(function() { 
     $('.tooltip').tooltipster();}, 200); 
    }); 
}); 
+0

Ах да, простите мою ошибку. Однако это не устраняет проблему. –

+0

@MatthewCooper пытается использовать 'on()' вместо 'bind()' – Eli

+0

Все еще не работает. Мне нужно остановить «$ (« tooltip »). Tooltipster();» прежде чем я могу установить его на тайм-аут? –