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