bDialog v2.0 发布,增加消息对话框、遮罩等新功能

TerryZ
 TerryZ
发布于 2017年09月04日
收藏 47

下拉分页选择插件 bDialog v2.0 发布了,插件更新内容:

  • 修复窗口最大化后,内部iframe高度没有最大化的问题

  • 重构代码结构

  • 增加窗口打开后的动画效果

  • 增加国际化多语言支持

  • 增加bDialog.alert()对话框模式,支持info、warning、error、success、confirm五种模式

  • 增加bDialog.mask()遮罩模式

  • 修改原bDialog.closeCurrent方法的函数名为bDialog.close

插件介绍:

可多层嵌套、高定制化的模态窗口bDialog

基于Boostrap Modal功能进行增加、扩展的可多层嵌套、定制灵活的模态窗口

功能特点

  • 基于jQuery、bootstrap2,3进行开发

  • 可多层嵌套,并拥有各自独立的上下文

  • 灵活的窗口元素定制

  • 可在同一页面下展示各种不同样式、风格的窗口皮肤

  • 浏览器尺寸发生改变时,窗口将自动重新定位到浏览器中心区域

  • 模态窗口区域外点击、窗口自动定位等场景均有相应的提醒动画效果

  • 严格遵守Bootstrap Modal原生HTML代码结构,可自动适应所有基于Bootstrap的风格皮肤

  • 丰富的回调函数

浏览器兼容:IE8+、Chrome、Firefox等

插件基于jQuery开发,建议在Bootstrap环境下使用,目前支持Bootstrap2、Bootstrap3

目标用户群体

插件针对更希望使用Bootstrap原生态Modal组件的群体,bDialog开发之初,目的是为了统一开发团队对于Bootstrap Modal的使用方式,例如统一设置背景点击不关闭窗口,关闭底部按钮区域等,后续更是着重解决了窗口多层嵌套打开的功能需求,尤其是解决了该死的IE8下多层打开会导致浏览器崩溃的问题,同时还增加可对窗口进行灵活定制的开关,bDialog就是这么一款在Bootstrap Modal的原生模态窗口的基础功能上进行增加、扩展的插件。

窗口模式:

  • 模态窗口(Modal)

  • 消息对话框(Alert)

  • 遮罩(Mask)

更多实例、文档请访问:https://terryz.github.io/bdialog/index.html

项目GitHub地址:https://github.com/TerryZ/bDialog

效果预览

模态窗口效果图:


消息对话框模式效果图:

遮罩模式效果图:

本站文章除注明转载外,均为本站原创或编译。欢迎任何形式的转载,但请务必注明出处,尊重他人劳动共创开源社区。
转载请注明:文章转载自 开源中国社区 [http://www.oschina.net]
本文标题:bDialog v2.0 发布,增加消息对话框、遮罩等新功能
加载中

精彩评论

TerryZ
TerryZ

引用来自“xiaose1205”的评论

不咋地,跟layer差多了

引用来自“TerryZ”的评论

谢谢你的评价,这位从来不认真看描述的同学

引用来自“xiaose1205”的评论

你才不看描述呢,在chrome下面变形,打开效果不一致你没有看到吗?

引用来自“TerryZ”的评论

喷得有水平点,开发就是在Chrome下开发的,何为变形何为效果不一致?

引用来自“xiaose1205”的评论

你自己看就知道,还要我们说

引用来自“TerryZ”的评论

喷子多么经典的无话可喷的句式,开源中国什么都好,就是喷子越来越多

引用来自“xiaose1205”的评论

你自己废话怎么那么多,心虚!!!

引用来自“TerryZ”的评论

也罢,您喷得开心就成,何必计较,欢迎下次继续来喷

引用来自“xiaose1205”的评论

你去好好改你的程序吧,真是无聊。一个shaX
都开始气极败坏了,从头到尾始终说不出个道道来,还是那句话,您喷得开心就成
TerryZ
TerryZ

引用来自“xiaose1205”的评论

不咋地,跟layer差多了

引用来自“TerryZ”的评论

谢谢你的评价,这位从来不认真看描述的同学

引用来自“xiaose1205”的评论

你才不看描述呢,在chrome下面变形,打开效果不一致你没有看到吗?

引用来自“TerryZ”的评论

喷得有水平点,开发就是在Chrome下开发的,何为变形何为效果不一致?

引用来自“xiaose1205”的评论

你自己看就知道,还要我们说

引用来自“TerryZ”的评论

喷子多么经典的无话可喷的句式,开源中国什么都好,就是喷子越来越多

引用来自“xiaose1205”的评论

你自己废话怎么那么多,心虚!!!
也罢,您喷得开心就成,何必计较,欢迎下次继续来喷
TerryZ
TerryZ

引用来自“xiaose1205”的评论

不咋地,跟layer差多了

引用来自“TerryZ”的评论

谢谢你的评价,这位从来不认真看描述的同学

引用来自“xiaose1205”的评论

你才不看描述呢,在chrome下面变形,打开效果不一致你没有看到吗?

引用来自“TerryZ”的评论

喷得有水平点,开发就是在Chrome下开发的,何为变形何为效果不一致?

引用来自“xiaose1205”的评论

你自己看就知道,还要我们说
喷子多么经典的无话可喷的句式,开源中国什么都好,就是喷子越来越多
TerryZ
TerryZ

引用来自“xiaose1205”的评论

不咋地,跟layer差多了

引用来自“TerryZ”的评论

谢谢你的评价,这位从来不认真看描述的同学

引用来自“xiaose1205”的评论

你才不看描述呢,在chrome下面变形,打开效果不一致你没有看到吗?
喷得有水平点,开发就是在Chrome下开发的,何为变形何为效果不一致?
Kenti
Kenti
不错啊,正期待这个。原生的很难控制

最新评论(15

TerryZ
TerryZ

引用来自“xiaose1205”的评论

做的烂的一塌糊涂,还出来秀!
您说的特别对,确实烂得稀里哗啦,今天让你喷个痛快吧,免得又去祸害别人,看你的评论,没有一句不喷人的,您好像还是公司里的技术主管,对您公司里的同事表示同情
TerryZ
TerryZ

引用来自“xiaose1205”的评论

不咋地,跟layer差多了

引用来自“TerryZ”的评论

谢谢你的评价,这位从来不认真看描述的同学

引用来自“xiaose1205”的评论

你才不看描述呢,在chrome下面变形,打开效果不一致你没有看到吗?

引用来自“TerryZ”的评论

喷得有水平点,开发就是在Chrome下开发的,何为变形何为效果不一致?

引用来自“xiaose1205”的评论

你自己看就知道,还要我们说

引用来自“TerryZ”的评论

喷子多么经典的无话可喷的句式,开源中国什么都好,就是喷子越来越多

引用来自“xiaose1205”的评论

你自己废话怎么那么多,心虚!!!

引用来自“TerryZ”的评论

也罢,您喷得开心就成,何必计较,欢迎下次继续来喷

引用来自“xiaose1205”的评论

你去好好改你的程序吧,真是无聊。一个shaX
都开始气极败坏了,从头到尾始终说不出个道道来,还是那句话,您喷得开心就成
TerryZ
TerryZ

引用来自“xiaose1205”的评论

不咋地,跟layer差多了

引用来自“TerryZ”的评论

谢谢你的评价,这位从来不认真看描述的同学

引用来自“xiaose1205”的评论

你才不看描述呢,在chrome下面变形,打开效果不一致你没有看到吗?

引用来自“TerryZ”的评论

喷得有水平点,开发就是在Chrome下开发的,何为变形何为效果不一致?

引用来自“xiaose1205”的评论

你自己看就知道,还要我们说

引用来自“TerryZ”的评论

喷子多么经典的无话可喷的句式,开源中国什么都好,就是喷子越来越多

引用来自“xiaose1205”的评论

你自己废话怎么那么多,心虚!!!
也罢,您喷得开心就成,何必计较,欢迎下次继续来喷
TerryZ
TerryZ

引用来自“xiaose1205”的评论

不咋地,跟layer差多了

引用来自“TerryZ”的评论

谢谢你的评价,这位从来不认真看描述的同学

引用来自“xiaose1205”的评论

你才不看描述呢,在chrome下面变形,打开效果不一致你没有看到吗?

引用来自“TerryZ”的评论

喷得有水平点,开发就是在Chrome下开发的,何为变形何为效果不一致?

引用来自“xiaose1205”的评论

你自己看就知道,还要我们说
喷子多么经典的无话可喷的句式,开源中国什么都好,就是喷子越来越多
TerryZ
TerryZ

引用来自“xiaose1205”的评论

不咋地,跟layer差多了

引用来自“TerryZ”的评论

谢谢你的评价,这位从来不认真看描述的同学

引用来自“xiaose1205”的评论

你才不看描述呢,在chrome下面变形,打开效果不一致你没有看到吗?
喷得有水平点,开发就是在Chrome下开发的,何为变形何为效果不一致?
TerryZ
TerryZ

引用来自“JosinWO”的评论

支持
感谢支持!
TerryZ
TerryZ

引用来自“xiaose1205”的评论

不咋地,跟layer差多了
谢谢你的评价,这位从来不认真看描述的同学
xiaose1205
xiaose1205
不咋地,跟layer差多了
ejzhang
ejzhang
artDialog
返回顶部
顶部