jQuery Cycle - 同步随机化多个元素

Question

我正在尝试以随机顺序循环页面上两个元素的内容，但彼此同步。

我有两个带有一组嵌套 div 的 div 容器：

(div class=text (.textA, .textB, .textC)), (div class=image (.imageA, .imageB, .imageC))

我正在使用它来开始同步过渡：

$('.text, .image').cycle({
    fx:    'fade',
    delay: -2000,
    speed:  'slow',
    random: 1
});

但我在两个 div 元素中总是得到其他顺序：(.text .textB) -> (.image .imageA) 等等。

如何让两个嵌套元素同步显示？

Answer 1

只在其中一张幻灯片上设置循环；然后使用after 回调将另一个转换到相应的幻灯片：

after: function(currSlideElement, nextSlideElement, options, forwardFlag) {
    // your code here
}