JQuery Tooltipster延迟点击

问题描述:

我的主页上有一个显示工具提示的JQuery幻灯片(使用插件Tooltipster http://calebjacob.com/tooltipster/),每次您将鼠标悬停在其中一张幻灯片图片上。我想要做的就是每次使用JQuery单击幻灯片上的下一个按钮时,延迟加载Tooltipster。这是我的语法到目前为止:JQuery Tooltipster延迟点击

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

但是,这是行不通的。我哪里错了?

你错过了之前$document以及$选择您的.next_button

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

是啊对不起,我错了。但是这并不能解决问题。 – 2013-04-27 09:35:08

+0

@MatthewCooper尝试使用'on()'而不是'bind()' – Eli 2013-04-27 09:50:13

+0

仍然不起作用。我必须停止“$('。tooltip')。tooltipster();”之前我可以将其设置为超时? – 2013-04-27 09:53:59