Jquery append() 行为是否异步? [英] Does Jquery append() behave asynchronously?

问题描述

我看过很多帖子(应该立即附加) 在这方面接受的答案相互矛盾.我们正在使用 JQuery 1.4 (http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js) 和 append() 似乎是异步的，这样:

I've seen a number of posts (append supposedly immediate) with conflicting accepted answers on this. We're using JQuery 1.4 (http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js) and append() seems to be asynchronous, such that:

已编辑以在 AJAX 回调上下文中显示代码

 ...
 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");
}

按预期执行和创建页面，但目标查询在运行时不会产生任何结果.在 JS 控制台中运行相同的代码会按预期检索元素.

Executes and creates the page as expected, yet the targets query yields nothing at runtime. Running the same code in the JS console retrieves the elements as expected.

如果这是 JQuery 中的预期行为，那么等待追加完成的正确方法是什么?

If this is the expected behavior in JQuery what's the proper way to wait until append is finished?

推荐答案

所有评论都有助于追踪这一点.我在控制台中关注红鲱鱼.问题不在于同步性，而在于下一行:

All of the comments helped track this down. I was following a red herring in the console. The problem wasn't with synchronicity, it was with the next lines:

$targets.each( function(){
  ...
  this.html();
  ...

需要

$(this).html();

简而言之，每个人都是正确的.Jquery append() 行为同步.

In short, everyone was correct. Jquery append() behaves synchronously.

这篇关于Jquery append() 行为是否异步?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！