jQuery SlidesJS navigation au clavier

Question

Mon site utilise SlidesJS pour un diaporama de photos.

Ma question est, comment puis-je utiliser la navigation au clavier?

J'ai ajouté ce GitHub solution à mon tag de tête (lignes 94-116) mais les touches de direction à gauche & du clavier ne fonctionnent toujours pas.

Comment puis-je résoudre ce problème?

Answer 1

entrée I le code suivant dans la fenêtre de la console sur le chrome lorsque sur le site SlidesJS et cela a fonctionné ...

(function($){ 
    $(window).keyup(function(e){ 
     var key = e.which | e.keyCode; 
     if(key === 37){ // 37 is left arrow 
      $('a.prev').click(); 
     } 
     else if(key === 39){ // 39 is right arrow 
      $('a.next').click(); 
     } 
    }); 
})(jQuery); 

Edité pour la compatibilité avec les pages qui n'utilisent pas normalement $ pour jQuery.

Answer 2

Vous pouvez lier les événements KeyUp au contexte de la fenêtre et le feu de l'événement, cliquez sur les boutons suivant et précédent sur la base event.keyCode

jQuery(window).bind("keyup", function(e){ 
    if(e.keyCode === 37) { 
     jQuery(".prev").click(); 
    } else if (e.keyCode === 39) { 
     jQuery(".next").click(); 
    } 
}); 

Il devrait y avoir un code là pour changer les pouces, mais qui est la base fonctionnalité du haut de ma tête.