$ .getが完全に完了したら何かをします

Question

問題があります。 BGを真ん中に置く必要があるので、GETが完全に完了したら何かしたいです。この関数は完全にサイズ変更に取り組んでいますが、image onClickを読み込むとこれは機能しません。これを避ける方法はありますか？

例：

getBG.phpを返し<img id="bgImage" src="123.jpg" />

問題：私は画像の前にしてもロードされていることをやろうとしていることと思うので

それは正しく変数aを計算しません。イメージが完全にロードされたときに、うまくonResizeイベントを処理します。

$.get("getBg.php", { 
      img: (this).id 
     }, 
     function(data){ 
      $("#bg").html(data); 
      var a = $("#bgImage").height() - $(window).height(); 
      $("#bgImage").css("margin-top", - a/2); 
     }); 

Answer 1

新しい画像のロードイベントを直接フックする必要があります。 #bgImageの要素がイメージであると仮定していますが、これはおそらくあなたが望むものです。

$.get("getBg.php", { 
      img: (this).id 
     }, 
     function(data){ 
      $("#bg").html(data); 
      $("#bgImage").load(function() { 
       var a = $(this).height() - $(window).height(); 
       $(this).css("margin-top", - a/2); 
      } 
     }); 

Answer 2

あなたは$("#bgImage").height()がゼロよりも大きくなるまでループするsetTimeoutを使用する必要があります。