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>

我也尝试了以下内容：这不显示警报消息。

<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

<强> $（文件）。就绪（）

非常适合一次初始化。
优化黑魔法;可能比pageLoad（）稍早运行。
不会将功能重新附加到受partial影响的元素回传。

<强>页面加载（）

如果与UpdatePanels一起使用，则不适合一次初始化。
在某些浏览器中略微优化，但一致。
非常适合将功能重新附加到其中的元素的UpdatePanel。

然后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. 
});

页面加载之前的ASP.net和Jquery

1 个答案: