jQuery循环多幻灯片和独立键盘导航

Question

我有一个包含2个（或更多）jQuery选项卡的页面。每个选项卡都包含一个jQuery Cycle幻灯片，其代码中附加了prev / next分页。

我根据jqueryfordesigners dot com的教程添加了幻灯片的键盘导航。

键盘导航适用于每个幻灯片，但幻灯片页面同步，即如果分页到标签1中的第3张幻灯片，当查看标签2时，它也显示为第3张。

是否可以独立制作页面？

请参阅http://pastie.org/916682

编辑：单击上一个/下一个时单独的幻灯片页面，但不是单击kbd nav。

Answer 1

<强>解决即可。我一直错过了显而易见的事实：活动和非活动标签之间的主要区别在于可见性，因此添加：对倒数第二个选择器（对于标签div）可见是完全可以的。

$(document.documentElement).keyup(function(event) {
    var direction = null;
    if (event.keyCode == 37) {
        direction = 'prev';
    } else if (event.keyCode == 39) {
        direction = 'next';
    }
    if (direction != null) {
        $('#content > div:visible').each(function(index) {
            $('#prev-slide,#next-slide', this)[direction]().click();
        });
    }
});