跳转等待的页面问题

在需要添加等待的页面添加下列代码

<div id="loading" style="display: none;">  
	<img src="${basePath}scripts/loading.gif" class="img-responsive">  
</div>

在js中添加

$(window).load(function(){  
	    //为ajax绑定loading_bottom  
	    $(document).ajaxStart(function(){  
	        $("#loading").show();//在ajax请求开始的时候启用loading  
	    }).ajaxStop(function(){  
	        $('#loading').hide();//在ajax请求结束后隐藏loading  
	    });  
}); 

在css中添加

#loading {
	position: absolute;
	z-index: 999999;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
}

完成