modal遮罩

最新推荐文章于 2024-07-24 14:08:01 发布

原创最新推荐文章于 2024-07-24 14:08:01 发布

· 402 阅读

0 ·

版权

文章标签：

#javascript

javascript 专栏收录该内容

10 篇文章

订阅专栏

<div class="modal fade" id="loadingModal" backdrop="static" keyboard="false" style="filter:alpha(Opacity=50);-moz-opacity:0.5;opacity: 0.5;height:100px;">
    　　<div style="width: 200px;height:20px; z-index: 20000; position: absolute; text-align: center; left: 50%;margin-left:-100px;">
    　　　　<h5 id="loadText">桌面正在生成中，请稍等...</h5>
    　　</div>
</div>

开启和关闭遮罩：

	<script type="text/javascript">
      //预览
        function previewPanel(id){
        	showLoading();//开启遮罩
        	$.ajax({
				type: "POST",
		  		url: "${ctx}/desktopinfo/desktopInfo/previewPanel",
		  		dataType:"json",
		  		data:{id:id},
		  		async: false,
		  		error:function(data){
		  			//alert('程序错误，请联系管理员！');
		  		},
		  		success:function(data){
		  			//useFlg = data.haveData;\
		  			if("success"==data.result){
		  				hideLoading();//关闭遮罩
		  				var ctx = '${ctx}';
		  	        	var newctx =ctx.substr(0,ctx.length-2);
		  	        	var url =newctx+'/temp/ZJDM_TV/pages/'+data.id+'.html';
		  	        	window.open(url,'_blank');
		  			}else if("empty"==data.result){
		  				$.jBox.error('桌面下导航为空，请确定！', '系统提示', '');  
			  		}else{
		  				$.jBox.error('程序错误，请联系管理员！', '系统提示', '');  
		  			}
		  		}
			});
        	
        }
        var loadingTime= 5;//默认遮罩时间
	    showLoading = function (loadText) {
	        if(!loadText){
	            $("#loadText").html(loadText)
	        }
	        $('#loadingModal').modal({backdrop: 'static', keyboard: false});
	    }
	    hideLoading = function () {
	        $('#loadingModal').modal('hide');
	    }
	</script>