jQuery 循环：更新 currSlide onClick

【问题标题】：jQuery Cycle: Update currSlide onClickjQuery 循环：更新 currSlide onClick
【发布时间】：2012-01-13 03:08:12
【问题描述】：

我正在使用 jQuery Cycle 插件来创建图像幻灯片。它工作得很好，但我有一个小问题我似乎无法解决。如果您单击“上一个”或“下一个”链接，幻灯片计数器在动画完成之前不会更新。理想情况下，只要您单击其中任何一个链接，幻灯片计数就会更新，然后动画就会发生。

JSFiddle 在这里：http://jsfiddle.net/dD52s/

【问题讨论】：

目前似乎没有办法做到这一点。如果它真的让您感到困扰，也许您可以尝试联系开发人员并寻求帮助。
哦，那太糟糕了。感谢您的调查。

标签： jquery jquery-cycle

【解决方案1】：

如果您希望在动画开始之前设置计数器，请使用 before 回调而不是 after 回调。试试这个

$(document).ready(function() {

    $('.slideshow').cycle({
        fx: 'scrollHorz',
        timeout: 0,
        next: '.next, .slideshow img',
        prev: '.prev',
        speed: 600,
        before: onAfter,
    });

    function onAfter(curr,next,opts) {
        var caption = ($(next).index() + 1) + '/' + opts.slideCount;
        $('.counter').html(caption);
    }

   $('.description').cycle({
        fx: 'none',
        timeout: 0,
        next: '.next, .slideshow img',
        prev: '.prev'
    });

});

工作http://jsfiddle.net/dD52s/2/

【讨论】：

我试过了，但是如果您在演示中发现计数器在您第一次单击下一个或上一个时不会更新。