如何在滑块的jQuery自动高级脚本中延迟触发第一次单击？

Question

我在这个脚本上工作以自动推进我的滑块。当我加载它时，它会立即触发加载时的autoAdvance，并且第二个图像会立即生动。触发下一个工作正常。我已经尝试在.delay(8000)前面.trigger添加$('#slider-nav .next').delay(8000).trigger('click',[true]);，但无济于事。

你能帮我在哪里放另一个setTimeout或相应的怎么样？或者无论是什么伎俩？

以下是整个代码：

jQuery(document).ready(function ($){

var timeOut = null;

$('#slider-nav .arrow').click(function(e,simulated){

    if(!simulated){

        clearTimeout(timeOut);
    }
});

(function autoAdvance(){

    timeOut = setTimeout(autoAdvance,8000);
    $('#slider-nav .next').trigger('click',[true]);

})(); 

Answer 1

稍微修改你的代码就可以了。

jQuery(document).ready(function ($){

       var timeOut = null;

       $('#slider-nav .arrow').click(function(e,simulated){

          if(!simulated){

             clearTimeout(timeOut);
          }
       });

       //Modify your code like this
       function autoAdvance(){
           timeOut = setTimeout(autoAdvance,8000);
           $('#slider-nav .next').trigger('click',[true]);
       }; 

       timeOut = setTimeout(autoAdvance,8000);
});