【问题标题】:How to restart a cycle that has been stopped?如何重新启动已停止的循环?
【发布时间】:2011-11-30 11:41:59
【问题描述】:

这是我的情况:http://jsfiddle.net/ehTE5/

我在页面上有两张幻灯片,幻灯片 1 和幻灯片 2。加载页面时,slide1 会自动启动。我想要的是当我点击按钮 "slide2" 时,slide1 将停止并且 slide2 开始。然后,当我在 slide2 运行时再次单击按钮“slide1”时,我希望 slide2 停止并且 slide1 从第一张幻灯片重新开始,就像刚刚加载页面时一样。

我现在得到的是,一旦我点击“slide2”,slide1 停止和 slide2 启动就没有问题了。但是,当我在播放幻灯片 2 时再次单击“幻灯片 1”按钮时,它会返回到幻灯片 1,但会在幻灯片 2 的第二张幻灯片照片处自动停止幻灯片放映。

有人知道发生了什么吗?

由于我正在开发的网站受到一些限制,我不想使用暂停/恢复功能,而且我想从头开始,而不是从头开始。

【问题讨论】:

    标签: jquery jquery-cycle


    【解决方案1】:

    如果您查看文档 here,您会发现您有以下选项

    'pause'   // pauses the slideshow, slideshow can be resumed with 'resume' command 
    'resume'  // resumes a paused slideshow 
    'toggle'  // toggles the pause/resume state of the slideshow 
    'next'    // advances slideshow to next slide 
    'prev'    // advances slideshow to previous slide 
    'stop'    // stops the slideshow 
    'destroy' // stops the slideshow and unbinds all events
    

    所以停止你会做$("slider").cycle('pause')并重新开始你会做$("slider").cycle('resume')

    如果你需要重启它,你可能需要destroy它然后重新初始化它

    【讨论】:

    • 感谢 Manuel,一旦我销毁它,我就无法重新初始化它。所有相关元素也被破坏。你知道怎么编码吗?
    • jsfiddle.net/HsYv3 当我改用“destroy”时会发生这种情况。您可以尝试单击“slide2”然后单击“slide1”然后再次单击“slide2”,它会自动停止在第二张幻灯片照片上,就像我使用“停止”命令时一样。
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2020-03-25
    • 2023-03-21
    • 1970-01-01
    • 2013-12-25
    • 1970-01-01
    相关资源
    最近更新 更多