Question

每次将鼠标悬停在其中一张幻灯片图片上时，我的主页上都会显示一个工具提示（使用插件Tooltipster http://calebjacob.com/tooltipster/）的JQuery幻灯片。我想要做的是每次使用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>

然而这不起作用。我哪里错了？

Answer 1

您在$之前遗失document以及$选择.next_button：

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

JQuery Tooltipster延迟点击

1 个答案: