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

Question

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

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

键盘导航适用于每个幻灯片，但幻灯片页面是同步的，即，如果分页到选项卡 1 中的第三张幻灯片，则在查看选项卡 2 时，它也会显示第三张幻灯片。

有什么办法让他们独立分页吗？

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

编辑：单击上一个/下一个时独立的幻灯片页面，但不与 kbd 导航。

Answer 1

已解决。我错过了显而易见的事情：活动选项卡和非活动选项卡之间的主要区别是可见性，因此只需将 :visible 添加到倒数第二个选择器（对于选项卡 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();
        });
    }
});