jQuery dialog模式窗口阻塞浏览器进程，当点击确定按钮才执行后续操作

       需求说明：异步提交表单信息到后台，成功返回后，需要弹出提示框提示用户，当用户点击OK按钮后在进行页面的跳转。  这里说要做的就是阻塞浏览器的进程。使用到了Dlalog模式窗口，下面看如何运用

 

1.首先需要声明一个命名空间，主要方便js方法之间不冲突

jQuery.namespace = function() {
	var a = arguments, o = null, i, j, d;
	for (i = 0; i < a.length; i = i + 1) {
		d = a[i].split(".");
		o = window;
		for (j = 0; j < d.length; j = j + 1) {
			o[d[j]] = o[d[j]] || {};
			o = o[d[j]];
		}
	}
	return o;
};

 

 

2.// 定义命名空间

 

jQuery.namespace('linkon.web');

 

 

3.初始化Dlalog控件

$(document).ready(function(){

      linkon.web.initDialog();

});

 

linkon.web.initDialog = function(){
   linkon.web.alertMsg = $("#key-dialog_alert").dialog({
        autoOpen: false,
        modal: true,
        buttons: {
             "确认": function() {
                    $(this).dialog("close");

                    // 设置回调函数返回值
                    linkon.web.alertOK(true);
             }
         }
   });
};

 

 

4.创建消息框，并将消息赋值到层中

// 定义空的函数体，并赋值

var linkon.web.alertOk = jQuery.noop;
linkon.web.showAlertMsg(msg, callback){
         // 获取定义的层

         var contentId = "#" + linkon.web.alertMsg[0].id;

         // 给层赋值消息
         $(contentId).html(msg);

         // 打开模式窗口
         linkon.web.alertMsg.dialog("open");

         // 将callback函数赋值给回调变量
         inkon.web.alertOk = callback;
}

 

 

5. 调用消息框

linkon.web.showAlertMsg("你赢了", function(callback){

});