jQuery Cycle мульти слайд-шоу и независимая клавиатурная навигация

Question

У меня есть страница с 2 (или более) вкладками jQuery. Каждая вкладка содержит слайд-шоу jQuery Cycle с добавленной в код подкачкой назад / вперед.

Я добавил навигацию с помощью слайд-шоу с помощью клавиатуры на основе учебника в jqueryfordesigners dot com.

Клавиатурная навигация работает для каждого слайд-шоу, но страница слайдов работает синхронно, т. Е. При переходе на третий слайд на вкладке 1, когда просматривается вкладка 2, она также показывает и третий.

Есть ли способ сделать их страницу независимой?

См. http://pastie.org/916682

Редактировать: страница слайд-шоу независимо при нажатии предыдущая / следующая, но не с помощью kbd nav.

Answer 1

решаемые . Я упустил очевидное: главное различие между активной и неактивной вкладками - это видимость, поэтому добавление: видимый для предпоследнего селектора (для элементов с вкладками) - это все, что нужно.

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