2011-01-29 10 views
1

私はドロップダウンでgetJsonコールを使用しています。私は、このajax呼び出しの画像プリロード効果が必要です。 誰かがこれで私を助けることができますか? 私のコードは次のとおりです。getJsonコールの前に画像をプリロードしたい

$.getJSON("myAction.do?method=fetchThruAJAX", { 
    TypeNo: $("#Type").val(), 
    ajax: 'true' 
}, function(j) { 
    var options = '<option selected value="-1">---Select---</option>'; 
    if (j != null) { 
     $.each(j.Model, function(i, item) { 
      options += '<option value="' + item.SeqNo + '">' 
       + item.Name + '</option>'; 
     }); 
    } 
    $("select#Model").html(options); 
}); 

答えて

1

はグローバルajaxStartajaxStopイベントを使用していることを行うことができます。

$("#yourEffectContainerID").ajaxStart(function() { 
    $(this).fadeIn("fast"); 
}).ajaxStop(function() { 
    $(this).fadeOut("fast"); 
}); 

その方法は、あなたの効果コンテナがすべて AJAX要求(ように動作中に表示されますドロップダウンで問題が発生した場合はgetJSON()に電話することに限定されません)。

+0

お返事ありがとうございます。 '$(document).ready(function(){$( "#imageLoad")} .ajaxStop(function(){$(this)} .fadeIn( "fast");}).ajaxStop私のdivコンテナは '

'のようになっていますが、あなたが与えたコードは動作していません。私は間違ったところでやっていると思う。この – rahul

+0

@rahulについてのより良い画像を得るためのサンプルコードがあれば、助けてください。これは[この粗いテスト](http://jsfiddle.net/gJpYt/)で私にとって役に立ちます。 –

+0

@frederic:それほど速すぎません。私は遅いもので今しようとしています、見ることができます.... !!!私たちはそれを隠すよりも約2秒ほどイメージを表示することはできません... ??? – rahul

関連する問題