1. Accueil
  2. Question et réponse
  3. Aide à l'ajout de la navigation au clavier jflow jquery

Aide à l'ajout de la navigation au clavier jflow jquery

2010-09-19 4 views
0

Je voudrais utiliser Jquery pour ajouter une navigation au clavier à un curseur Jquery. J'essaie d'utiliser les touches gauche et droite pour déclencher les boutons précédent et suivant que j'ai déjà mais je ne peux pas le faire fonctionner. Quelqu'un peut-il voir de mon code où je vais mal?Aide à l'ajout de la navigation au clavier jflow jquery

<script type="text/javascript"> 


$(function() { 
    $("div#controller").jFlow({ 
     slides: "#slides", 
     width: "980px", 
     height: "313px" 
}); 


$(document.documentElement).keyup(function (event) { var direction = null; 

if (event.keyCode == 37) { $('#prevNext.jFlowPrev').click(); } 

if (event.keyCode == 39) { $('#prevNext.jFlowNext').click(); } 

}); 
}); 

</script> 

<body> 
<div id="wrap"> 

<div id="controller" class="hidden"> 
    <span class="jFlowControl">No 1</span> 
    <span class="jFlowControl">No 2</span> 
    <span class="jFlowControl">No 3</span> 
</div> 


<div id="slides"> 
    <div class="current">Hello</div> 
    <div>Hello</div> 
    <div>Hello</div> 

</div> 


<div id="prevNext"> 
    <button class="jFlowPrev">previous</button> 
    <button class="jFlowNext">next</button> 
</div>

Merci

Source

2010-09-19 thinkvisual

Répondre

0

Je ne sais pas si cela est la réponse, mais je l'ai toujours utilisé simplement ...

$(document).keyup(function(event) { 
    alert(event.keyCode); 
});

qui est, avec juste document comme le sélecteur.

Est-ce que ce code apparaît avec des codes de caractères que tout le monde clique sur votre clavier?

Source

2010-09-19 23:27:42 alex

1

Vous n'avez pas d'espace entre #prevNext et .jFlowPrev changement cette

$('#prevNext.jFlowPrev').click()

à cette

$('#prevNext .jFlowPrev').click()

Source

2010-09-19 23:36:05 jcubic

Questions connexes

 Questions connexes