jQuery Cycle One Pager

Question

我在一个页面上有两个jQuery幻灯片 - 类似于：

jQuery('#one').cycle({
    fit: 1,
    fx: 'custom',
    speed: 700,
    slideExpr: '.slider-one'
});

jQuery('#two').cycle({
    slideExpr: '.slider-two',
    animOut: { opacity: 0 },
    animIn: { opacity: 1 },
    fx: 'custom'
});

问题是我只想为这两个使用一个寻呼机。我尝试向每个类.slider-nav添加并使用：

$('.slider-nav').each(function() {
    $(this).cycle({
        prev: '.slider-prev',
        next: '.slider-next',
        timeout: 0
    });
});

但是，当我点击prev或next时，似乎只会更改第一个滑块而不是第二个滑块。我怎样才能控制它们？

Answer 1

Demo

请参阅演示，我使用了一个上一个和下一个按钮，以便它正常工作

这是你想要的吗？