jQuery Cycle Plugin - 满足条件时跳到下一张幻灯片

Question

我想知道在满足某个条件时如何跳到下一张幻灯片。

这是我的代码：

    $('#slider').cycle({
        fx: 'fade',
        speed:  200, 
        timeout: 3000,
        before: function() {
            if ($(this).attr('class') == 'empty-container') {
                $(this).cycle('next');
            }
        }
    });

滑块的HTML标记如下：

<div id="slider">
  <div class="container">......</div>
  <div class="empty-container"></div>
  <div class="container">......</div>
</div>

当遇到带有“空容器”类的div时，我想立即跳到下一张幻灯片。我知道实现此目的的最简单方法是使用slideExpr选项，但由于同一幻灯片中有多个寻呼机标记，我无法使用slideExpr。

Answer 1

我使用before:而不是after:选项，现在它似乎可以解决我的特定问题。所以jquery现在是：

$('#slider').cycle({
        fx: 'fade',
        speed:  200, 
        timeout: 3000,
        after: function() {
            if ($(this).attr('class') == 'empty-container') {
                $(this).cycle('next');
            }
        }
    });