My JQuery Slide Animation est décalée lors du glissement du Toute suggestion? p> jQuery: strong> p> CSS: strong> p> P> #Res code> div.
3 Réponses :
Tout d'abord, à quelle vitesse votre page.php envoie une réponse? Qui peut être la réponse entièrement.
Deuxièmement, vous utilisez 2 méthodes concurrentes pour obtenir des trucs effectuées une fois que l'appel AJAX est terminé: a) le paramètre de réussite de l'appel de .ajax () Appel, et b) le nouveau .done () fonction. p>
a. Sera obsolète à partir de JQuery 1.8 (voir: JQUERY.AJAX TRATULLATION CONTINER LES RÉPONDES : "Succès:" vs ".done"? ) P>
Pourquoi ne pas tout mettre dans .done (): p> difficile à savoir sans voir l'exécution, mais les mélanger peut également être la source de comportement inattendu. p> p>
Pour contracter un élément sans qu'il saute, l'élément doit avoir une largeur fixe. Voici une démo de démontrer. http://jsfiddle.net/wtkuw/1/ p>
La raison en est que JQuery calcule la hauteur de la cible de l'élément en fonction de sa largeur et de sa teneur. Si sa largeur est de 100%, JQuery ne peut pas calculer avec précision la hauteur entraînant un saut. Plus le contenu est grand, plus le saut est grand. P>
à quiconque a toujours un problème avec cela, mon problème était que j'avais mon Padding code> défini avec
! IMPORTANT code> qui primère probablement les effets de l'animation p>
Pouvez-vous fournir un exemple de cette traîne dans un jsfiddle.net
Est-ce que ça traîne ou saute-t-il? Qu'est-ce que le retard signifie dans ce contexte?
En outre, juste une observation générale, on dirait que vous avez des identités en double (
externe code>) qui n'est pas valide, mais pas pertinente pour votre problème actuel.
@Kevinb oui il saute. Il glisse pour une seconde (pour la première rangée de résultats), puis saute à la fin.
@John qui est un problème très courant avec l'animation Stripliedown. La solution la plus courante est de donner à l'élément une largeur fixe. JQuery calcule la largeur de cet élément en l'affichant hors de la page pour voir quelle est la hauteur, elle le glisse à cette hauteur, puis la définit pour afficher: bloquer et le permet de définir sa propre hauteur. C'est là que le saut arrive. Étant donné que la largeur est de 100%, JQuery n'a aucun moyen de savoir comment il est censé être censé être, à quel point il obtient une hauteur plus courte que prévu, entraînant un saut.
Je ferais
$ ('Select'). Promis (). Terminé (fonction () {$ ('# res'). Stratégie ();}); code> pour ce scénario.
@OhgodWhy qu'est-ce que cela ferait? Le SELECT N'EST-IL N'EST-IL N'EST PAS L'ANIMATION L'objet Promettre une file d'attente d'animation ne résoudrait jamais, non? ou cela résoudrait instantanément, j'oublie.