ページロード前のASP.netとJquery

Question

JqueryとASP.netでコーディングするのが初めてです。私はロードを表示する方法に関する多くの記事を読んで、ページが実際にロードされるまで待ってください。ページが読み込まれた後には欲しくないので、前もってドキュメントが必要なので、これを処理する必要があります。

これは私のショットです。

Jquery 1.7.1.jsをダウンロードして私のソリューションに追加しました。

以下は私のコードです。

<script type="text/javascript"> 
jQuery.noConflict()(function ($) { 
    alert("not loaded"); 
jQuery(document).ready(function(){ 
    alert("loaded"); 
}); 
}); 
</script> 

私はまた、以下に試してみました：これは警告メッセージを表示しませんか。 1時間の初期化のための

<script src="Scripts/jquery-1.7.1.js" type="text/javascript"></script> 

<script type="text/jscript"> 

if(document.readyState === 'complete') { 
// good to go! 
} 


var interval = setInterval(function() { 
if(document.readyState === 'complete') { 
    clearInterval(interval); 
    alert("my message while loading") 
}  
}, 100); 

Answer 1

$（ドキュメント）.ready（）

• 最適です。
• 最適化ブラックマジック; pageLoad（）より少し早く実行されます。
• 部分的な ポストバックの影響を受ける要素に機能を再接続しません。

pageLoad（）UpdatePanelsで使用される場合に一度初期化のために不適切

• 。
• 一部のブラウザではやや最適化されていませんが、一貫しています。
• UpdatePanels内の要素に機能を再接続するのに最適です。

window.loadは、しかし、完全にロードされるページを待ちますが、これはこれはあなたに役立つかもしれない

インナーフレーム、画像などを含ん

<div id="dvLoading"></div> 
    <script> 
     $(window).load(function(){ 
      $('#dvLoading').fadeOut(2000); 
     }); 
    </script> 

CSS

#dvLoading 

    { 
      background:#000 url(images/loader.gif) no-repeat center center; 
      height: 100px; 
      width: 100px; 
      position: fixed; 
      z-index: 1000; 
      left: 50%; 
      top: 50%; 
      margin: -25px 0 0 -25px; 
     } 

こちらもお試しください。

$(document).ready(function(){  
    alert('page loaded'); // alert to confirm the page is loaded  
    $('.divClassName').hide(); //enter the class or id of the particular html element which you wish to hide. 
});