【问题标题】:animationComplete option not working?动画完成选项不起作用?
【发布时间】:2013-01-15 18:17:56
【问题描述】:

我不确定自己做错了什么,因为一切似乎都运行良好,除了 animationComplete() 选项,我什至无法运行简单的警报。我实际上想使用此选项在一个循环后停止我的幻灯片放映(然后在第一帧结束),但在我可以这样做之前,我需要 animationComplete() 才能工作。这是我尝试发出一个根本不返回任何内容的警报:

$('.slides_container').after('<div id="slides-nav" class="pagination">').cycle({
    animationComplete: function(current) {
        alert('alerted');
    },
    fx: 'scrollLeft',
    pause: true,
    pager: '#slides-nav'
});

在一天结束时,我希望循环一次旋转,然后在第一张幻灯片上暂停。我只是想这是我遇到的第一个障碍,所以在我弄清楚我做错了什么之前,我无法超越这一点。

我希望完成与this guy 相同的事情,当一切都说完了。

【问题讨论】:

    标签: javascript jquery slider slideshow


    【解决方案1】:

    也许就是这样:

    $('.slides_container').after('<div id="slides-nav" class="pagination">').cycle({
        autostopCount: $('img',this).length+1,
        fx: 'scrollLeft',
        pause: true,
        pager: '#slides-nav'
    });
    

    【讨论】:

    • 我看到你注意到我实际上也在使用 jQuery Cycle 插件。我尝试使用autostopCount: $('img',this).length+1,,但它似乎没有做任何事情。我明白你的目的。我会尝试自己重写它,但我的 jQuery 语法不够好,无法弄清楚......
    • 嘿烤,只是想说这实际上确实有效。我的问题是我在幻灯片中使用了 div。一旦我相应地调整了选择器,一切都很好。谢谢!!
    【解决方案2】:

    嗯,如果我是对的,我认为您混淆了两个插件,每个插件都有不同的回调方式,您使用的是循环 jquery 插件,而 animationComplete 属于 slidejs,所以尝试使用 'after' 而不是 animationComplete,试试这个:

    $('.slides_container').after('<div id="slides-nav" class="pagination">').cycle({
        fx: 'scrollLeft',
        pause: true,
        pager: '#slides-nav',
        after: alert('alerted')
    });
    

    【讨论】:

    • 哇。这并不尴尬或任何事情。显然,有问题的网站链接到 SlidesJS 和 jQuery Cycle Plugin,而我只是选择了我看到的第一件事(SlidesJS)。谢谢你抓住它!现在我只需要让幻灯片在一个循环后停止在第一张幻灯片上。
    • 尽管我认为这是对我原来问题的正确答案,所以我将其标记为正确答案。
    • 检查此页面jquery.malsup.com/cycle/after.html 是他们回调的一个示例,我认为他们的示例“在幻灯片 1 通过后”有效,只需复制并使用它:) 祝你好运,不用担心它会发生在所有人身上!
    猜你喜欢
    • 2014-09-26
    • 2011-08-25
    • 2012-12-13
    • 1970-01-01
    • 2011-07-22
    • 1970-01-01
    • 2020-05-20
    • 2020-02-08
    • 1970-01-01
    相关资源
    最近更新 更多