JQuery Tooltipster 单击时延迟

Question

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

但是这不起作用。我哪里错了？

Answer 1

您在document 和$ 之前缺少$ 以选择您的.next_button：

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