移动端弹窗h5插件:artDialog,支持多弹窗、定时关闭、点击遮罩层可关闭

  • 内容
  • 相关

artDialog是一个基于javascript编写的对话框弹窗组件,它有较丰富的接口,完全可以满足你项目中各类需求的实现。


artDialog4+

官网地址:http://code.google.com/p/artdialog/

有原生js版本,也有提供jQuery版本,两个版本功能一致,jQuery版本调用只需要把art前缀改成jQuery的命名空间。


在pc端,art.dialog.open() 可以帮你轻松解决项目中iframe应用的各种问题,比如:在各个iframe中互相操作iframe弹窗,iframe间跨框架数据共享读取等。


这篇文章要重点介绍的是下面的移动版artdialog


artDialog5+
官网地址:https://aui.github.io/artDialog/

其完整的api文档和示例地址:https://aui.github.io/artDialog/doc/index.html
在项目中可自行添加皮肤样式,也可以对artdialog进行二次封装下,以求在自己h5项目开发需求中用得更顺手。

主要改动有:

调用弹窗方式:modal.open({arg1}),arg1参数以及实例返回值都跟artdialog保持统一
在上面的改动基本上加入以下新功能:
1、参数额外加入:
显示弹窗时是否强制显示遮罩层lock选项,默认值false;
点击遮罩层是否可快速关闭弹窗maskClose选项,默认值flase;
弹窗定时自动关闭times选项,单位是秒s,默认值是null。

2、皮肤加入默认自带class值:custom-dialog

3、如果有传入参数times,弹窗会根据times时长,定时自动关闭弹窗

4、第1个弹窗不管有没lock参数,都会显示遮罩层;第2个叠加弹窗默认不加遮罩,除非实例化时声明lock:true

移动端弹窗h5插件:artDialog,支持多弹窗、定时关闭、点击遮罩层可关闭
         本页正文内容约779个文字

         版权声明:若无特殊注明,本文皆为“懒人的小窝”原创,转载请保留文章出处。

         本文链接:https://suppore.cn/677.html   百度已收录

发表评论

电子邮件地址不会被公开, 推荐使用QQ快速评论!

评论

1条评论
  1. avatar

    Andy Lv.1 Chrome 55.0.2883.87 Chrome 55.0.2883.87 Windows 7 x64 Edition Windows 7 x64 Edition 回复

    高仿微信web端、h5仿微信电脑端:ヾ(≧∇≦*)ゝ

    广东省广州市番禺区 电信

    00:00 / 00:00
    顺序播放