Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/69.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
JQuery循环同步_Jquery_Synchronization_Cycle - Fatal编程技术网

JQuery循环同步

JQuery循环同步,jquery,synchronization,cycle,Jquery,Synchronization,Cycle,我在下面定义了两个JQuery循环幻灯片放映: $('#slideShow').cycle({ fx: 'fade', timeout: 3000, speed: 2000, random: 1 }); $('#slideText').cycle({ fx: 'blindZ', timeout: 3000, speed: 2000, rando

我在下面定义了两个JQuery循环幻灯片放映:

    $('#slideShow').cycle({
        fx: 'fade',
        timeout: 3000,
        speed: 2000,
        random: 1
    });

    $('#slideText').cycle({
        fx: 'blindZ',
        timeout: 3000,
        speed: 2000,
        random: 1
    });
我已经手动验证,它们是同步的。实际上,这只是运气,或者我需要定义如下内容,以确保它们同步:

  • 在循环中将超时参数设置为0,以确保它不会自动更新
  • 使用具有相同间隔的setInterval函数触发每个循环

  • 谢谢您的帮助。

    只要您一个接一个地开始播放两个幻灯片,就可以了。因为它们有相同的超时,并且一起启动,所以它们应该保持同步

    否则你可以这样做

    $('#slideShow').cycle({
        fx: 'fade',
        timeout: 3000,
        speed: 2000,
        random: 1,
        after: function(currSlideElement, nextSlideElement, options, forwardFlag) {
              $('#slideText').cycle('next');
        }
    });
    
    $('#slideText').cycle({
        fx: 'blindZ',
        timeout: 0,
        speed: 2000,
        random: 1
    });
    
    第二个幻灯片被禁用,第一个幻灯片在每次更改后发送“下一步”命令