運用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