jquery - jquery datepicker が表示されるまで div を非表示にする

Question

jquery ui datepickerがロードされるまで、jqueryでdivを非表示にすることは可能ですか? jquery ui datepicker を使用してインラインでカレンダーを表示するセクションがサイトにあります。場合によっては、datepicker がすぐに読み込まれないため、その下のコンテンツが上部に表示され、datepicker が読み込まれるとプッシュダウンされます。むしろ、datepicker が読み込まれて表示されるまで、datepicker の下の div は表示されません。これは可能ですか？もしそうなら、どのようにdatepickerが読み込まれたことを伝え、その後divを表示できるようにしますか?

Answer 1

css ( display:none) で div を非表示にしてから、jQuery を使用して、div の読み込みが完了したときに関数を実行できます。

例: http://jsfiddle.net/UudrH/2/

コードは次のようになります。

$("#wait").ready(function(){
    $("#hidden").show();   
});

Answer 2

日付ピッカーの高さがわかっている場合は、含まれている div をその高さに事前設定できます。そうすれば動きはなく、すでに割り当てられているスペースを埋めるだけです。