博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
完美实现在同一个页面中使用不同样式的artDialog样式
阅读量:6174 次
发布时间:2019-06-21

本文共 501 字,大约阅读时间需要 1 分钟。

      偶然发现artDialog.js这个插件,就被其优雅的设计及漂亮的效果深深吸引,在做例子时碰到了一些想当然它应该提供但却没有提供的功能,不过这都不影响我对它的喜爱,下面说一下遇到的问题吧!

      artDialog.js提供了好多种弹出框样式供我们使用,但我想在同一个页面中使用它提供的不同弹出框样式,遗憾的是artDialog.js并没有提供为每一个dialog指定样式的方法或属性,那怎么办呢?且看我下面的解决办法:

      我的思路是,既然每一个页面的Dialog样式都是由同一个CSS文件定义的,我何不通过动态改变它的CSS文件来实现我的需求呢!实验证明我的思路是正确的,且看我的实验代码:

artDialog-1

代码解释:

      页面中有一个button和一个图片,点击button弹出twitter风格的dialog,点击图片弹出simple风格的dialog

 

转载于:https://www.cnblogs.com/angryprogrammer/p/3673708.html

你可能感兴趣的文章
Python组织文件 实践:将带有美国风格日期的文件改名为欧洲风格日期
查看>>
实现iOS7上tableView的切割线像iOS6中的效果
查看>>
如何用纯 CSS 创作一个按钮文字滑动特效
查看>>
Android BottomNavigationBar底部导航控制器的使用
查看>>
HBase+Spark技术双周刊 第七期
查看>>
QDS03 pip
查看>>
「镁客早报」诺基亚发布世界首款后置五摄手机;微软发布HoloLens 2新一代混合现实设备...
查看>>
安装PageAdmin Cms时候“System.ServiceModel.Activation.HttpModule”错误的解决办法
查看>>
升级用户创建
查看>>
【答疑】对象存储OSS常见问题解答(咨询类1)
查看>>
DSP_代码笔记(基于TMS320X281x)| CPU定时器0模块
查看>>
Android中实现短信验证码自动填入
查看>>
Linkflow连接云获百万美元A轮融资,金沙江创投投资
查看>>
开发网络视频直播系统需要注意的地方
查看>>
使用MaxCompute Java SDK运行安全相关命令
查看>>
小白的学习笔记 —— React环境构建 & 常用语法
查看>>
PostgreSQL 10.1 手册_部分 IV. 客户端接口_第 33 章 libpq - C 库_33.8. 异步提示
查看>>
Android开发实践小结
查看>>
gRPC Spring Boot Starter 2.3.0 发布,同步支持链路跟踪
查看>>
PostgreSQL 10.1 手册_部分 III. 服务器管理_第 32 章 回归测试_32.2. 测试评估
查看>>