[英]how to show image loading gif using jquery
当使用jQuery在运行时加载图像时,任何人都可以建议如何显示gif加载图像。
作为发布的文章的附加选项,您可以绑定到ajax函数(如果使用的是ajax)。 这是我如何在应用程序中执行此操作的示例(效果很好)。
function AddAjaxLoader(DivObject, Message) {
if (Message === undefined || Message === "") { Message = "Loading..."; }
var loader = $("<span />", {
'class': 'ajaxLoading',
html: '<span class="ajaxLoadingIcon"> </span><span>' + Message + '</span>'
});
$(DivObject).hide().after(loader);
loader.ajaxComplete(function () {
$(this).fadeOut('fast', function () {
$(DivObject).show();
$(this).remove();
});
});
}
和CSS:
.ajaxLoadingIcon
{
padding:9px;
background: url(../Images/Icons/16_ajax-loader.gif) no-repeat left center;
}
还是没有ajax ...
function AddLoader(DivId) {
$("#" + DivId).html('<div class="ajaxBlock"><span class="ajaxLoadingIcon"> </span> Loading...</div>');
}
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.