移动端弹出层插件(原创)

查看演示立即下载

插件描述：这可能是最好用的移动端弹出层插件了。灵活，方便，小巧，易用。

以下是调用方法

Dialog.init('测试文字') //默认
Dialog.init('测试文字',2000) //第二个参数时间，2秒后自动关闭
Dialog.init('测试文字',{
   time : 1000,  //自动关闭
   maskClick : false, //点击背景层是否关闭弹层
   mask : false, //是否显示遮罩
   title : '是否删除？', //添加标题
   index : 1,  //设置索引，用于close方法
   addClass : 'bgRed', //追加class
   style : 'color:red', //追加css
   button : { //按钮
       确定 : function(){
           Dialog.init('你点击了确定',1000);
           Dialog.close(this);
       },
       取消 : function(){
           Dialog.init('你点击了取消',1000)
           Dialog.close(this);
       }
   },
   before : function(){
       //this.classList.add('autoWidth')
       //dom创建成功，但未渲染
       console.log('创建成功',this);
   },
   after : function(){
       console.log('关闭成功',this)
   },
   onload : function(){
       console.log('加载成功',this)
   }
});
//关闭
Dialog.close(this); //在内部使用可直接使用this
Dialog.close(1,function(){
   //手动关闭弹层，第一个参数为索引值（配合上面index参数使用）；
   //第二个参数为回调
});

特别申明：
本站所有资源都是由网友投稿发布，或转载各大下载站，请自行检测软件的完整性！
本站所有资源仅供学习与参考，请勿用于商业用途，否则产生的一切后果将由您自己承担！
如有侵权请联系我们删除下架，联系方式：lei1294551502@163.com

上一个特效： jQuery input自定义标签
下一个特效： jQuery图片、PDF在线预览插件EZView.js