jQuery .animate() ne fonctionne pas
Je suis nouveau sur jQuery et ont été à l'apprendre par le biais de Codecademy. Je suis entrain de créer un 'bouton' (site web) sur le site, et je suis en train de faire une image sprite réagir (déplacer) lorsque le haut, bas, gauche et droite les touches sont pressées.
HTML:
<!DOCTYPE html>
<html>
<head>
<title>Sprite</title>
<link rel='stylesheet' type='text/css' href='style.css'/>
<script type='text/javascript' src='script.js'></script>
</head>
<body>
<img src="[img]"/>
</body>
</html>
CSS:
img {
position: relative;
left: 0;
top: 0;
}
Javascript:
$(document).ready(function() {
$(document).keydown(function(key) {
switch(parseInt(key.which,10)) {
//LEFT
case 37:
$('img').animate({left: "-=10px"}, 500);
break;
//RIGHT
case 39:
$('img').animate({left: "+=10px"}, 500);
break;
//UP
case 38:
$('img').animate({top: "-=10px"}, 500);
break;
//DOWN
case 40:
$('img').animate({top: "+=10px"}, 500);
break;
}
});
});
J'ai vérifié sur quelques sites pour les erreurs de syntaxe, et n'arrive pas à trouver tout évidentes. De l'aide serait très appréciée.
pls créer un violon
Semble fonctionner: jsfiddle.net/e8gwK Il y a juste un problème, où il se déplace toujours si vous maintenez la touche directionnelle.
Êtes-vous sérieux? où est l'erreur ? jsfiddle.net/jogesh_pi/Xn5N5
Aha, merci, je n'avais pas connu sur le "//ajax.googleapis..." chose. Merci pour l'aide.
Si c'est la bonne réponse, cette question devrait être fermé. @user3412847 juste mêlé à l'oubli d'inclure jQuery. Il n'a rien à voir avec animations jQuery
Semble fonctionner: jsfiddle.net/e8gwK Il y a juste un problème, où il se déplace toujours si vous maintenez la touche directionnelle.
Êtes-vous sérieux? où est l'erreur ? jsfiddle.net/jogesh_pi/Xn5N5
Aha, merci, je n'avais pas connu sur le "//ajax.googleapis..." chose. Merci pour l'aide.
Si c'est la bonne réponse, cette question devrait être fermé. @user3412847 juste mêlé à l'oubli d'inclure jQuery. Il n'a rien à voir avec animations jQuery
OriginalL'auteur gilbert-v | 2014-03-22
Vous devez vous connecter pour publier un commentaire.
Vous devez inclure jQuery-script dans votre tête (avant de votre propre script.js).
Comme
Si c'est la bonne réponse, cette question devrait être fermé. @user3412847 juste mêlé à l'oubli d'inclure jQuery. Il n'a rien à voir avec animations jQuery
OriginalL'auteur Peter van der Wal
Voici une version rapide.
http://jsfiddle.net/E45hb/
JS
OriginalL'auteur MarioD
Prendre un coup d'oeil à JSfiddle, j'espère qu'elle hepls si c'est en Javascript, mais vous aurez une idée.
JS fiddle Exemple
Du Code Javascript JS Fiddle
Mec, pour simplifier votre code utiliser Jquery animate.MarioDs réponse est ,le minerai adapté pour la question 🙂
RS26: travail Incroyable, je vous remercie infiniment.
Merci pour l'accepter comme réponse et se sent bien, qu'il vous a aidé 🙂
OriginalL'auteur Richa
Vous ne croyez pas à cette réponse, mais après 30 minutes de débogage (commencé avec .fadeOut() ne fonctionne pas, et alors découvert .animer n'était pas non plus) j'ai redémarré Chrome et il a commencé à travailler.
C'est un Chrome bug.
Même si vous ne me croyez pas, c'est un test rapide 🙂
J'ai pu confirmer que c'était un Chrome bug quand j'ai eu le macbook assis à côté de moi et a ouvert la exactement le même code et le bug n'est pas arrivé. J'ai alors simplement redémarrage de Chrome sur la machine défectueuse et la magie a commencé à travailler comme prévu.
Incroyable, mais aujourd'hui, j'ai eu le même problème: redémarrage de Chrome et ça a fonctionné.
OriginalL'auteur sandre89