jquery - 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');
            }
        }
    });