N'Jquery append() se comportent de manière asynchrone?

J'ai vu un certain nombre de postes (ajouter soi-disant immédiate) avec en conflit réponses acceptées sur ce. Nous sommes à l'aide de JQuery 1.4 (http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js) et append() semble être asynchrone, tels que:

Modifiée pour afficher du code dans le contexte de l'AJAX rappel

 ...
 var message = $.ajax({
   type: "GET",
   url: "/getVolumes/" +  _Id,
   async: false 
 }).responseText;
 if (parseInt(message) != 0){
   var $results = $(message);
   $MAIN_DIV.append($results);
   retrieveTargets();
 }
...    
function retrieveTargets(){
  var $targets = $(".resultTargets");
}

Exécute et crée la page comme prévu, mais les objectifs de la requête donne rien au moment de l'exécution. Exécute le même code dans le JS console récupère les éléments comme prévu.

Si c'est le comportement attendu en JQuery ce est la bonne façon d'attendre jusqu'à ce que append est fini?

jQuery 1.8?? comment venir?? Vous avez de l'avenir?? 🙂
Append est synchrone, mais votre appel Ajax n'est pas. Où est ce code? Dans la fonction de rappel de votre appel ajax?
Édité avec la bonne version. Je parie que ce serait la façon dont je le veux en 1.8.
qu'est-ce que .resultTargets? est-il un élément dans votre réponse ajax? Vous pourriez y accéder de cette façon: var cibles = $résultats.find('.resultTargets');
Qu'advient-il si vous placez console.log( $MAIN_DIV.length ) juste avant la $MAIN_DIV.append(...?

InformationsquelleAutor RSG | 2011-02-22

25

Tous les commentaires ont aidé à cela. J'ai été à la suite d'un hareng rouge dans la console.
Le problème n'était pas avec la synchronicité, c'est avec les lignes suivantes:
```
$targets.each( function(){
  ...
  this.html();
  ...
```
Nécessaires pour être
```
$(this).html();
```
Bref, tout le monde était correct.
Jquery append() se comporte de manière synchrone.

InformationsquelleAutor RSG
10

Essayer cela, si les choses ne fonctionnent pas après un append.
```
$('#dynamic-container').append(<your-content>) ;
setTimeout(function() {
    ...code which addresses elements inside #dynamic-container...
},0) ;
```
Plus De Détails:
- Apparemment append est synchrone
- Apparemment, les DOM ne sont pas mis à jour de manière synchrone, en particulier dans Google Chrome, j'ai été confronté à ce problème lors de la tentative de récupérer la hauteur d'un div après une append
- Mon hypothèse était qu'il y avait du navigateur de mise à jour de threads que des mises à jour de manière asynchrone, plus de commentaires sur ce ci-dessous, n'est toujours pas clair sur la façon dont les choses fonctionnent, mais la solution fonctionne dans tous les cas pour moi.
- Ceci est incorrect. Le navigateur de mise à jour de sa mise en page, même si elle n'a visiblement pas rendu à l'utilisateur, lorsque le JavaScript de demande de données ou de mesures à partir de la DOM. (Ce qui est la cause de la mise en page raclée.)
- Ok, le rendu des threads partie est mon hypothèse sur la façon dont le navigateur gère l'INTERFACE utilisateur des mises à jour. J'ai été confronté à ce problème dans mon code, et il fixe à l'aide de la solution ci-dessus. Il se pourrait même que le layouting code s'exécute une fois que la fonction est terminée dans le même thread. Je ne suis pas expert sur la façon dont le navigateur fonctionne
- Je déteste dire cela, mais je pense que vous vous trompez. Je doute que vous seriez en mesure de produire à une simple reproduction de la question ci-dessus (certains jsfiddle), isoler le problème; .append est en effet tout à fait synchrone. Veuillez également noter que le JavaScript est mono-thread, et non à des choses (y compris le navigateur) sont la mutation de données en même temps.
- ok, ce n'est pas logique pour moi: j'ai vérifié mon code, et je suis ajoutant un agility.js objet de l'arborescence DOM. L'agilité déclenche un événement qui appelle jQuery apprend à ajouter le point de vue de l'objet de l'arborescence DOM. Ce qui est déroutant moi, c'est, si javascript single-threaded, puis le déclenchement de l'événement devrait se traduire dans les agility.js gestionnaire être appelé immédiatement, ce qui ne semble pas être le cas. C'est pourquoi j'ai fini par utiliser le setTimeout. BTW, je ne vois pas de setTimeout appels en agility.js
- Ah, vous devriez lire sur la boucle d'événements 🙂
- Ah! si son cas et pas le fil c'est de retarder le rendu. Merci pour Alan.
- Ah si, la boucle d'événements a été de reporter l'exécution de l'AJAX ajouter...awesomeness, mise à jour de ma réponse à aider d'autres personnes qui pourraient avoir atterri sur la même confusion
- Si append() est entièrement synchrone, comment voulez-vous expliquer le problème, a déclaré à cette question: stackoverflow.com/questions/6068955/...? Merci!
- La personne postant cette question aussi ne comprend pas la situation. Mais ils n'ont pas de poste de tout code ou jsfiddle montrant l'erreur, alors, qui sait ce qu'ils veulent. Ils ne semblent pas avoir entendu parler de "mise en page raclée" ou ils comprendraient pourquoi leurs hypothèses sont en fait impossible
InformationsquelleAutor Bitonator

Vous devez vous connecter pour publier un commentaire.