无法将DOM元素移动到其他位置

Question

这让人感到无聊。我试图做一个简单的追加从一个元素到另一个：

  var contentBlob = $('<div></div>', { 
       "id" : "content-blob", 
       "css" : { 
        "display" : "none", 
        "color" : "red" 
        } 
      }); 

      // this guy gets a full xhtml page with head and body. 
      // I don't want to use load() 
      model.getHtml(indexUrl, function(response){ 
        if(response != 0){ 
         contentBlob.html(response); 
        } 
      }); 

      contentBlob.appendTo('body'); 
      //I've verified the that the contentBlob (#content-blob) is in the body 

      // This should be super simple. No matter what I do, Its not appending 
      // the ul. 
      $('#content-blob > ul').appendTo('#contents-index-actual-index'); 

我已经特里普尔检查选择，一切看起来合法的。一个有趣的事情是，如果我不将ul添加到选择器，＃content-blob将会追加。

Answer 1

Squint是对的。异步获取发生在appendTo之后。