提交表單時的等待(loading)效果

 

$(document).ready(function () {
$("body").prepend('<div id="overlay" class="ui-widget-overlay" style="z-index: 999999; display: none;"></div>');  //背景透明圖
$("body").prepend("<div id='PleaseWait' class='watiting-div' style='display: none;'></div>"); // loading.
});

 

點擊提交表單的按鈕:

$(".search-box button[type='submit']").click(function () {
        Loading();
});

 

function Loading() {
　　$("#overlay, #PleaseWait").show();
　　document.getElementById('PleaseWait').innerHTML = "<img src='/Images/busy.gif'>Loading...";   // 解決在ie加載時gif圖片freeze問題
　　return true;
}