Question

这是我的代码

$('#gallery-photos').cycle({ 
            fx:     'fade', 
            speed:   500, 
            timeout: 3000, 
            pager:  '#gallery-navigation',
            requeueOnImageNotLoaded: true,
            after:  onAfter
        }).cycle('pause');

正如你所看到的那样，循环将在init之后停止，因为Malsup本身在互联网上的一些帖子中显示...但是当我用Chrome或Safari刷新页面时，循环开始，忽略暂停命令。

我在同一页面中有另一张幻灯片，默认情况下自动启动，但它不涉及前一张幻灯片

$(document).ready(function() {
    $('#header-gallery-conteiner').cycle({ 
         fx:'scrollUp', 
         speed:  888,
         timeout: 4000,
         requeueOnImageNotLoaded: true
     });  
 });

即使在使用webkit浏览器刷新后，如何才能正常暂停？

Answer 1

在$（document）.ready（）事件中移动第一个代码块，如下所示：

$(document).ready(function() {
    $('#header-gallery-conteiner').cycle({ 
         fx:'scrollUp', 
         speed:  888,
         timeout: 4000,
         requeueOnImageNotLoaded: true
     });
     $('#gallery-photos').cycle({ 
         fx:     'fade', 
         speed:   500, 
         timeout: 3000, 
         pager:  '#gallery-navigation',
         requeueOnImageNotLoaded: true,
         after:  onAfter
     }).cycle('pause');
 });

你应该只为$(document).ready()分配一个功能，所以如果你有它，你页面上的其他一些功能就可以摆脱它，并将代码添加到上面的函数中

Jquery Cycle Plugin - webkit浏览器在刷新时启动暂停周期

1 个答案: