站內搜尋

Tuesday, July 12, 2011

[jQuery] 資料載入中的loading等待畫面

運用Ajax功能時,有時需要一些處理時間,在等待過程中,最好是讓使用者看到loading的畫面,作法很簡單...
$(function(){
$("#div_loading").ajaxStart(function(){
$(this).show();
$("#div_content").hide();
}).ajaxStop(function(){
$(this).hide();
$("#div_content").show();
});
});


html的部分:
<div id="div_loading">
<img src="load.gif" />
</div>
<div id="div_content">
網頁主內容
</div>

No comments:

Post a Comment