0

こんにちは私は自分のページにプリローダーを追加しようとしていますが、ウィンドウに入ったときにページローダーがロードされていません。ウィンドウがロードされるのを待っていると、ローダーも表示されます... 。どうすればこれを修正できますか？これが私のコードです：

$(window).load(function(){
$("#all").hide();
var wh = $(window).height();
$("#loader").show();
$("#all").hide();
$("#loader").css("height",wh);
$("#loader").delay(4000).fadeOut(400);
$("#all").delay(4020).fadeIn(400);
});

つまり、最初に実際にページを見ることができ、次にローダーが入ります!!! これを修正する方法がわかりません。助けていただければ幸いです。

4

2 に答える 2

6

window.loadページ全体が読み込まれるまで起動しません。document.readyを使用してみてください。http://4loc.wordpress.com/2009/04/28/documentready-vs-windowload/もあなたのために啓発的かもしれません。

それでもまだ十分に早い場合document.readyは、ローダーをデフォルトで表示させてから、目的の場所で非表示にします。

于 2012-04-28T22:02:04.003 に答える
1

私はこのようにコードを書いたでしょう：

 $(document).ready(function() {
        var wh = $(window).height();
        $("#all").hide();
        $("#loader").css("height",wh);
        $('#loader').show('slow', function() {
        $("#loader").delay(4000).fadeOut(400);
        $("#all").delay(4020).fadeIn(400);
      });
  });

これにより、最初にページが読み込まれ、ページ上のカスタムローダーを除くすべてが非表示になります。その後、あなたが知っている休息。また、animate関数を使用して、カスタムの遅延ローダーを呼び出すこともできます。

于 2012-04-28T23:14:43.460 に答える