bDialog v2.0 发布,增加消息对话框、遮罩等新功能 - 开源中国社区
bDialog v2.0 发布,增加消息对话框、遮罩等新功能
TerryZ 2017年09月04日

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

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

腾讯云 十分钟定制你的第一个小程序>>>  

下拉分页选择插件 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 发布,增加消息对话框、遮罩等新功能
分享
评论(16)
精彩评论
2

引用来自“xiaose1205”的评论

不咋地,跟layer差多了

引用来自“TerryZ”的评论

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

引用来自“xiaose1205”的评论

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

引用来自“TerryZ”的评论

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

引用来自“xiaose1205”的评论

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

引用来自“TerryZ”的评论

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

引用来自“xiaose1205”的评论

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

引用来自“TerryZ”的评论

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

引用来自“xiaose1205”的评论

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

引用来自“xiaose1205”的评论

不咋地,跟layer差多了

引用来自“TerryZ”的评论

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

引用来自“xiaose1205”的评论

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

引用来自“TerryZ”的评论

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

引用来自“xiaose1205”的评论

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

引用来自“TerryZ”的评论

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

引用来自“xiaose1205”的评论

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

引用来自“xiaose1205”的评论

不咋地,跟layer差多了

引用来自“TerryZ”的评论

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

引用来自“xiaose1205”的评论

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

引用来自“TerryZ”的评论

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

引用来自“xiaose1205”的评论

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

引用来自“xiaose1205”的评论

不咋地,跟layer差多了

引用来自“TerryZ”的评论

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

引用来自“xiaose1205”的评论

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

引用来自“xiaose1205”的评论

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

引用来自“xiaose1205”的评论

不咋地,跟layer差多了

引用来自“TerryZ”的评论

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

引用来自“xiaose1205”的评论

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

引用来自“TerryZ”的评论

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

引用来自“xiaose1205”的评论

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

引用来自“TerryZ”的评论

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

引用来自“xiaose1205”的评论

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

引用来自“TerryZ”的评论

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

引用来自“xiaose1205”的评论

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

引用来自“xiaose1205”的评论

不咋地,跟layer差多了

引用来自“TerryZ”的评论

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

引用来自“xiaose1205”的评论

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

引用来自“TerryZ”的评论

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

引用来自“xiaose1205”的评论

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

引用来自“TerryZ”的评论

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

引用来自“xiaose1205”的评论

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

引用来自“xiaose1205”的评论

不咋地,跟layer差多了

引用来自“TerryZ”的评论

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

引用来自“xiaose1205”的评论

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

引用来自“TerryZ”的评论

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

引用来自“xiaose1205”的评论

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

引用来自“xiaose1205”的评论

不咋地,跟layer差多了

引用来自“TerryZ”的评论

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

引用来自“xiaose1205”的评论

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

引用来自“JosinWO”的评论

支持
感谢支持!
0
支持
0

引用来自“xiaose1205”的评论

不咋地,跟layer差多了
谢谢你的评价,这位从来不认真看描述的同学
1
不咋地,跟layer差多了
1
artDialog
2
不错啊,正期待这个。原生的很难控制
0

引用来自“rocker18”的评论

支持!~希望出更多的控件!~
感谢支持!
0
支持!~希望出更多的控件!~
1
layui路过
0

引用来自“Zakeear”的评论

日语什么鬼?:flushed:
增加了国际化多语言支持,这是设置成日语后的效果
0
日语什么鬼?:flushed:
顶部