/** * Created by Administrator on 2016/5/4.*//** * Modal window*/window. Modal={tpls:{alert:' <div class= ' modal Fade "tabindex="-1 "role=" dialog "><div class=" Modal-dialog modal-sm "role=" document "style = "margin-top:20%;" ><div class= "modal-content" ><div class= "Modal-header" style= "padding:8px 15px;" ><button type= "button" class= "Close" data-dismiss= "modal" aria-label= "close" ><span aria-hidden= "true" >×</span></button>, confirm:' <div class= ' modal Fade "><div class=" Modal-dialog modal-sm "role=" document "style=" margin-top:20%; " ><div class= "modal-content" ><div class= "Modal-header" style= "padding:8px 15px;" ><button type= "button" class= "Close" data-dismiss= "modal" aria-label= "close" ><span aria-hidden= "true" >×</span></button>
, loading:' <div class= ' modal Fade "><div class=" Modal-dialog modal-sm "role=" document "style=" margin-top:20%; " ><div class= "modal-content" style= "Box-shadow:none;border:none;background:rgba (0,0,0,0.5); Color: #FFFFFF; " ><div class= "Modal-body" ><div class= "Text-center" ><i class= "fa fa-spinner fa-spin fa-2x" ></i ></div> <div class= "Message-box text-center form-control-static" > Loading ...</div></div> </div></div></div> '}, Register:function(events) {Events= Events | | []; if(Events.length = = 0) {Events= [' Alert ', ' confirm ', ' loading ']; } varBODY =$ (document.body); This. Modal = {}; for(vari=0; i<events.length; i++){ varevent =Events[i]; varTPL = This. Tpls[event]; if(TPL) { This. modal[event] =$ (TPL); Body.append ( This. Modal[event]); }}}, alert:function(message, config) {config= Config | | {}; varConfirmtext = Config.confirmtext | | Determine; This. Modal.alert.find (". Btn-primary"). Text (Confirmtext); This. Modal.alert.find (". Message-box"). HTML (message); This. Modal.alert.modal ("Show"); }, confirm:function(message, config) {config= Config | | {}; varConfirmtext = Config.confirmtext | | Determine; varCanceltext = Config.canceltext | | Cancel; This. Modal.confirm.find (". Btn-primary"). Text (Confirmtext); This. Modal.confirm.find (". Btn-default"). Text (Canceltext); This. Modal.confirm.find (". Message-box"). HTML (message); This. Modal.confirm.modal ("Show"); var_this = This; This. Modal.confirm.find (". Btn-primary"). On ("click",function(){ if(typeofConfig.confirm = = "function") {config.confirm (); } _this.modal.confirm.modal ("Hide"); }); }, loading:function(message) { This. Modal.loading.find (". Message-box"). HTML (message); This. Modal.loading.modal ({backdrop: ' Static '}); }, Dismissloading:function(){ This. Modal.loading.find (". Message-box"). HTML (""); This. Modal.loading.modal ("Hide"); }}; Modal.register ();
Bootstrap Modal box Alert confirm loading