私はAJAXとその中のdivと負荷コンテンツを付加しようとしているが、divが、私はAJAXとその中のdivと負荷コンテンツを付加しようとしている

Question

空のままですが、divが空のまま

$('#primary').fadeOut('slow', function(){ 
     $('#primary').prepend('<div id="content"/>', function(){ 
      $('#content').load(link+' #content', function(){ 
       $('#primary').fadeIn('slow'); 
      }); 
     }); 
    }); 

Answer 1

prependコールバックがないため、すぐに変更されます。 .prepend() methodは、コールバックを取らない

$('#primary').fadeOut('slow', function(){ 
    var primary = this; 
    $('<div id="content"/>') 
     .prependTo(primary) 
     .load(link+' #content', function(){ 
      $(primary).fadeIn('slow'); 
     }); 
    }); 
}); 

：これを試してみてください。

$('#primary').fadeOut('slow', function(){ 
    $('<div id="content"/>').prependTo('#primary') 
     .load(link+' #content', function(){ 
      $('#primary').fadeIn('slow'); 
     }); 
}); 

Answer 2

.prependメソッドは非同期ではないため、コールバックを受け取りません。

最初の引数として関数を渡すことはできますが、1つの要素だけを前置する場合にはあまり役に立ちません。

ここにコードが修正されました。

$('#primary').fadeOut('slow', function(){ 
    var content = $('<div id="content"/>'), 
     primary = $(this); 
    primary.prepend(content); 
    content.load(link + ' #content', function(){ 
     primary.fadeIn('slow'); 
    }); 
}); 

Answer 3

次のようなものを試してみてください。私は.prependTo()を代わりに使用しました（コールバックをとらない）ので、コンテキストを保持するので、​​コールをチェーンすることができます。