加载gif直到页面完全加载

时间:2015-03-09 12:46:24

标签: javascript php jquery

我正在尝试显示加载GIF并显示它直到页面完全加载。

这是我的jQuery / Javascript代码:

$(document).ready(function(){
   $('#myTab a').on('load', function (e) {
        e.preventDefault();
        $(this).tab('show');
    },onLoadSomeFunction());
}

onLoadSomeFunction()引导我的网页获取一些值并将其加载到其中。

如果所有页面加载过程结束,我怎么能显示我的加载gif?

2 个答案:

答案 0 :(得分:1)

    please try this:- 
$(document).ready(function(){
       $('#myTab a').on('load', function (e) {
            e.preventDefault();
      $(this).tab('show'); or $('#load_img/message').show();// div having loading image/message and initially property hidden

        },onLoadSomeFunction()); or success : function(html){
               //your functionality after success
                 $('#load_img/message').hide(); // hide the loading image/message
            }
    }

答案 1 :(得分:1)



//Try using this following code
<img src="loader.gif" class="gif_image"/>

//Jquery
$(document).ready(function(){  
   
   $('#myTab a').on('load', function (e) {
        e.preventDefault();
        $(this).tab('show');
    },onLoadSomeFunction());
}

$(window).load(function()
{
   $('.gif_image').hide();
}); 
&#13;
&#13;
&#13;