jquery - jQuery cycle2 'cycle-before/after' 仅适用于第一次转换

Question

这是关于 Cycle2： http: //www.malsup.com/jquery/cycle2/

我有一个包含图像和div内容描述的幻灯片。目标是首先在图像转换后使描述淡入。我正在尝试使用'cycle-before'and'cycle-after'来实现这一点。

$('#slider').cycle({
    slides: '>li',
    timeout: 5000
});
$('#slider').on( 'cycle-before', function( event, opts ) {
    $('.descriptiontext').fadeOut(); 
});
$('#slider').on( 'cycle-after', function( event, opts ) {
    $('.descriptiontext',this).delay(1000).fadeIn(1000);
});

但我不认为我了解如何使用此功能。在我的实际版本中，只有第一个转换有描述延迟。在下面的 Fiddle 示例中，它根本不起作用。帮助！

http://jsfiddle.net/56wQY/1/

Answer 1

我复制了所有参数，并按照提供的方式使用传入、传出的幻灯片。我确信有一种不那么冗长的方法可以做到这一点，但至少它有效。

$('#slider').cycle({
    slides: '>li',
    timeout: 5000
});

$('#slider').on( 'cycle-before', function(event, optionHash, outgoingSlideEl, incomingSlideEl, forwardFlag) {
    $('.descriptiontext',outgoingSlideEl).fadeOut(); 
});

$('#slider').on( 'cycle-after', function(event, optionHash, outgoingSlideEl, incomingSlideEl, forwardFlag) {
    $('.descriptiontext',incomingSlideEl).delay(1000).fadeIn(1000);
});