简单弹窗开发说明本项目使用原型对象实现了弹窗的基本功能。该项目依赖于jquery。如果您使用zepto，您可能需要更改代码。它尚未经过测试。如有问题请及时反馈解决项目提供了可自定义的弹窗，可以自定义按钮，标题，以及对应按钮的回调函数样式，完全可以根据自己的情况定制需求，非常灵活。css样式/*dialog*/body.locked{overflow-y:hidden;}.dialog-box{width:100%;height:100%;max-width:720px;position:fixed;top:0;left:0；底部：0；右：0；背景：rgba（0,0,0,0.3）；z-index：1000；显示：无；}.dialog-box.dialog-content{width:460px;padding:30px10px；高度：自动；边框半径：10px；背景：#ffffff；最小高度：100px；位置：绝对；顶部：50%；左侧：50%；变换：翻译（-50%，-50%）；-o-变换：翻译（-50%，-50%）；-moz-变换：翻译（-50%，-50%）；-webkit-transform:翻译(-50%,-50%);z-index:1001;}.dialog-box.dialog-title,.dialog-box.dialog-btn{color:#666666;font-size:30px;text-align:center;}.dialog-box.dialog-title{padding:012px;}.dialog-box.dialog-btns{text-align:center;}.dialog-box.dialog-btn{display:inline-block;width:130px;margin:28px44px0;border-radius:4px;height:56px;line-height:56px;}.dialog-box.dialog-cancel-btn{background:#dddddd;}.对话框.dialog-confirm-btn{背景：#9cbf42；颜色：#ffffff；}。store-switch-tip{color:#9cbf42;font-size:30px;padding:06px;}基本样式设置，可以根据自己的需要自定义样式PopupwindowconstructorDialog=function(options){vardefaultOptions={container:'dialog-box',btns:[{klass:'dialog-cancel-btn',txt:'cancel'},{klass:'dialog-confirm-btn',txt:'confirm'}]};//合并自定义参数this.options=$.extend({},defaultOptions,options||{});};1.options:参数对象，如果不传，系统默认，参数类型必须是对象，和defaultOptions的格式一样2.$.extend():合并参数，如果不知道它的用法，请参考相关资料构造函数的原型方法Dialog.prototype={$body:$('body'),constructor:Dialog,show:function(title){var_self=this,args=Array.prototype.slice.apply(arguments),options=_self.options;args.shift();_self.$body.addClass('锁定');setTimeout(function(){$('.'+options.container).show().find('.dialog-title').html(title);$.each(options.btns,function(k,v){$('.'+v.klass).data('fn',args[k]||function(){});});},30);},init:function(opt){var_self=this,options=$.extend({},_self.options,opt||{}),//从Defineparameters合并btnsHTML='',node=$('.'+options.container).remove();//删除现有的弹出窗口node=null;$.each(options.btns,function(k,v){btnsHTML+='
