jQuery Diaporamas multi-cycles et navigation au clavier indépendante

Question

J'ai une page avec 2 (ou plus) onglets jQuery. Chaque onglet contient un diaporama Cycle jQuery avec paging précédent/suivant ajouté dans le code.

J'ai ajouté la navigation au clavier des diaporamas, basée sur un tutoriel à jqueryfordesigners dot com. Le clavier nav fonctionne pour chaque diaporama, mais la page de diapositives est synchronisée, c'est-à-dire, si vous faites défiler la 3ème diapositive de l'onglet 1, lorsque l'onglet 2 est affiché, il affiche également la 3ème diapositive.

Un moyen de rendre leur page indépendamment?

Voir http://pastie.org/916682

Edit: la page des diaporamas indépendamment en cliquant prev/next, mais pas avec kbd nav.

Answer 1

Résolu. J'avais manqué l'évidence: la différence majeure entre les onglets actif et inactif est la visibilité, donc l'ajout: visible à l'avant-dernier sélecteur (pour les divs de l'onglet), c'est tout ce qu'il fallait.

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