htmlとJQueryを同期させて表示する方法は？

Question

以下のコードは動作しません。ロードしたページの特定の部分を削除したい。すべての変更が行われる前に、ページをダイアログに表示しないでください。

var $div = $('<div>'); 
     $div.load("../payment/list", function(){ 
      $div.find("#cssmenu").remove(); 
      $div.find("#toolbar").remove(); 
      $div.find("#categoryDialog").remove();    
      $div.find("h1").remove(); 

      $("#paymentDialog2").html($div); 
     }); 

しかし、コンテンツが読み込まれて後で変更されるため、表示が悪くなります。

Answer 1

あなたの代わりに）（AJAXを使用してみてみません理由：

var $div = $('<div>'); 
var response; 

$.ajax({ 
    url: "../payment/list" 
}).done(function(data) { 
    response = data; 
}); 

// remove unwanted elements 
$div.find("#cssmenu").remove(); 
$div.find("#toolbar").remove(); 
$div.find("#categoryDialog").remove();    
$div.find("h1").remove(); 

// append data from ajax response to your container 
$div.append(response); 

// display you content 
$("#paymentDialog2").html($div); 

Answer 2

あなたはjqueryのAJAX GET

$.get("../payment/list", function(data) { 
    var $div = $('<div>'); 
    var $data = $(data); 
    $data.find("#cssmenu").remove(); 
    $data.find("#toolbar").remove(); 
    $data.find("#categoryDialog").remove();    
    $data.find("h1").remove(); 

    $div.html($data.html()); 
    $("#paymentDialog2").html($div); 
}); 

Answer 3

に負荷（）関数は、コンテンツをロードしたのち理由を使用することができますコールバック関数を実行します。問題を解決するための最善の方法は、CSSを使用することです。親divをレスポンスにしてhiddenにします。ページ要素にそれを付けた後、visibleに設定します。

letが、私はこれを試した後、

<div id="parent" style="display:none"> 
<!-- your page content --> 

</div> 

var $div = $('<div>'); 
      $div.load("../payment/list", function(){ 
       $div.find("#cssmenu").remove(); 
       $div.find("#toolbar").remove(); 
       $div.find("#categoryDialog").remove();    
       $div.find("h1").remove(); 

       $("#paymentDialog2").html($div); 
       $div.find("#parent").removeAttr("style"); 

      });