ajaxStart事件无效原因及不同页面显示相同加载弹窗

想用ajaxStart来触发一个弹窗来显示ajax加载慢时加载的loading图标，然后这么写

<div id="loading" >加载中</div>

$(document).ready(function () { $("#loading").ajaxStart(function () { console.log(1) $(this).show(); }).ajaxStop(function () {//ajaxStop改为ajaxComplete也是一样的 $(this).hide(); console.log(2) }); });

怎么也没起作用，通过jQuery 1.9+ ajaxStart事件无效，无法被触发的原因才知道在jq1.9以上版本就得写成

$(document).ready(function () { $(document).ajaxStart(function () //"#loading"改为document,针对全局文档 { $("#loading").show();//this 改为弹窗节点 }).ajaxStop(function () {//ajaxStop改为ajaxComplete也是一样的 $("#loading").hide(); }); });

但是这种页面的加载只能针对当页面来显示，要想全部网页加载都要有这个loadding页，那只能用js进行dom节点生成

var html = $('<div id="loading" >加载中</div>'); $(document).ajaxStart(function () { $("body").append(html); }).ajaxStop(function () {//ajaxStop改为ajaxComplete也是一样的 html.remove(); });