Comment faire de la div se déplacer à droite et à gauche à l'aide de jQuery animate() la méthode?
Veuillez jeter un oeil à ceci:
Si vous cliquez sur à droite de la boîte se déplace vers la droite et si vous cliquez sur le bouton gauche de la boîte se déplace de gauche. Toutefois, si vous cliquez sur à droite de nouveau, rien...
Comment puis-je obtenir pour vous déplacer à droite et à gauche autant de fois que j'aime au lieu de travailler pour un tour et puis ne fonctionne pas encore?
Aussi, si vous avez de l'horloge de gauche d'abord, puis à droite, elle a également mess up, comment faire pour résoudre ce problème?
jquery:
$('.right').click(function(e) {
e.preventDefault();
$('#foo').animate({
'right' : '30px'
});
});
$('.left').click(function(e) {
e.preventDefault();
$('#foo').animate({
'left' : '30px'
});
});
html:
<a href="" class="left">left</a> | <a href="" class="right">right</a>
<br /><br />
<div id="foo" style="background:red;width:100px;height:100px;position:absolute"></div>
OriginalL'auteur Remy | 2011-09-10
Vous devez vous connecter pour publier un commentaire.
La deuxième fois qu'elle essaie d'animer, il a déjà 30px droit de positionnement à gauche à partir de la première animation.
Pourquoi il saute au début de la gauche de l'animation; le corps a rembourrage, donc par défaut le coulissant est en retrait avec rembourrage. Lorsque nous avons fixé la
left
propriété à 0 au début de l'animation, il saute à l'extérieur du rembourrage (à la position absolue de l'0px gauche). Appliquer un corps de rembourrage 0px pour le fixer.http://jsfiddle.net/MbJJ6/
Cela dépend de comment vous voulez que cela fonctionne, j'ai juste reproduit les fonctionnalités de votre violon 🙂 Êtes-vous d'essayer le faire glisser tout le chemin à travers l'écran lorsque vous cliquez sur le bouton gauche/droite?
Rapide mise à jour - si oui, voir jsfiddle.net/zcnyJ
ouais c'est ce dont j'avais besoin, merci!
OriginalL'auteur Joe
très simple d'utilisation
OriginalL'auteur Shwet
Vous pouvez aussi dire à gauche:'-=25px'
échantillon
OriginalL'auteur Jeb Eb