提交表单时的等待(loading)效果

最新推荐文章于 2023-08-02 17:50:56 发布

weixin_30908941

最新推荐文章于 2023-08-02 17:50:56 发布

阅读量2.4k

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/facial/p/4998332.html

版权

$(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;
}

转载于:https://www.cnblogs.com/facial/p/4998332.html