/*------------------------------------------------------ *封裝的dialog插件，基于bootstrap模態窗口的簡單擴展 *作者：muzilei *email:530624206@qq.com----------------------------------------------------------*/(function ($) {$.fn.mzDialog = function () {   var defaults={   id:"modal",//彈窗id  title:"dialog",//彈窗標題  width:"600",//彈窗寬度，暫時不支持%  height:"500",//彈窗高度,不支持%  backdrop:true,//是否顯示遮障，和原生bootstrap 模態框一樣  keyboard:true,//是否開啟esc鍵退出，和原生bootstrap 模態框一樣  remote:"",//加載遠程url，和原生bootstrap 模態框一樣  openEvent:null,//彈窗打開后回調函數  closeEvent:null,//彈窗關閉后回調函數  okEvent:null//單擊確定按鈕回調函數 };   //動態創建窗口 var creatDialog={ init:function(opts){  var _self=this;    //動態插入窗口  var d=_self.dHtml(opts);  $("body").append(d);    var modal=$("#"+opts.id);      //初始化窗口  modal.modal(opts);    //窗口大小位置  var h=modal.height()-modal.find(".modal-header").outerHeight()-modal.find(".modal-footer").outerHeight()-5;   modal.css({'margin-left':opts.width/2*-1,'margin-top':opts.height/2*-1,'top':'50%'}).find(".modal-body").innerHeight(h);          modal  //顯示窗口  .modal('show')  //隱藏窗口后刪除窗口html  .on('hidden', function () {   modal.remove();   $(".modal-backdrop").remove();   if(opts.closeEvent){   eval(opts.closeEvent);   }   })  //窗口顯示后   .on('shown', function () {       if(opts.openEvent){   eval(opts.openEvent);   }      //綁定按鈕事件   $(this).find(".ok").click(function(){    if(opts.okEvent){    var ret=eval(opts.okEvent);    if(ret){     modal.modal('hide');     }    }    });     });  }, dHtml:function(o){  return '<div id="'+o.id+'" class="modal hide fade" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" style="width:'+o.width+'px;height:'+o.height+'px;"><div class="modal-header"><button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button><h3 id="myModalLabel">'+o.title+'</h3></div><div class="modal-body"><p>正在加載...</p></div><div class="modal-footer"><button class="btn" data-dismiss="modal" aria-hidden="true">取消</button><button class="btn btn-primary ok">確定</button></div></div>';  } };    return this.each(function () {     $(this).click(function(){  var opts = $.extend({},defaults,{   id:$(this).attr("data-id"),   title:$(this).attr("data-mtitle"),   width:$(this).attr("data-width"),   height:$(this).attr("data-height"),   backdrop:$(this).attr("data-backdrop"),   keyboard:$(this).attr("data-keyboard"),   remote:$(this).attr("data-remote"),   openEvent:$(this).attr("data-openEvent"),   closeEvent:$(this).attr("data-closeEvent"),   okEvent:$(this).attr("data-okEvent")  });      creatDialog.init(opts);  });  }); }; })(jQuery);