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);
});
});
是啊对不起,我错了。但是这并不能解决问题。 – 2013-04-27 09:35:08
@MatthewCooper尝试使用'on()'而不是'bind()' – Eli 2013-04-27 09:50:13
仍然不起作用。我必须停止“$('。tooltip')。tooltipster();”之前我可以将其设置为超时? – 2013-04-27 09:53:59