下拉分页选择插件 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
效果预览
模态窗口效果图:
消息对话框模式效果图:
遮罩模式效果图:
引用来自“xiaose1205”的评论
不咋地,跟layer差多了引用来自“TerryZ”的评论
谢谢你的评价,这位从来不认真看描述的同学引用来自“xiaose1205”的评论
你才不看描述呢,在chrome下面变形,打开效果不一致你没有看到吗?引用来自“TerryZ”的评论
喷得有水平点,开发就是在Chrome下开发的,何为变形何为效果不一致?引用来自“xiaose1205”的评论
你自己看就知道,还要我们说引用来自“TerryZ”的评论
喷子多么经典的无话可喷的句式,开源中国什么都好,就是喷子越来越多引用来自“xiaose1205”的评论
你自己废话怎么那么多,心虚!!!引用来自“TerryZ”的评论
也罢,您喷得开心就成,何必计较,欢迎下次继续来喷引用来自“xiaose1205”的评论
你去好好改你的程序吧,真是无聊。一个shaX引用来自“xiaose1205”的评论
不咋地,跟layer差多了引用来自“TerryZ”的评论
谢谢你的评价,这位从来不认真看描述的同学引用来自“xiaose1205”的评论
你才不看描述呢,在chrome下面变形,打开效果不一致你没有看到吗?引用来自“TerryZ”的评论
喷得有水平点,开发就是在Chrome下开发的,何为变形何为效果不一致?引用来自“xiaose1205”的评论
你自己看就知道,还要我们说引用来自“TerryZ”的评论
喷子多么经典的无话可喷的句式,开源中国什么都好,就是喷子越来越多引用来自“xiaose1205”的评论
你自己废话怎么那么多,心虚!!!引用来自“xiaose1205”的评论
不咋地,跟layer差多了引用来自“TerryZ”的评论
谢谢你的评价,这位从来不认真看描述的同学引用来自“xiaose1205”的评论
你才不看描述呢,在chrome下面变形,打开效果不一致你没有看到吗?引用来自“TerryZ”的评论
喷得有水平点,开发就是在Chrome下开发的,何为变形何为效果不一致?引用来自“xiaose1205”的评论
你自己看就知道,还要我们说引用来自“xiaose1205”的评论
不咋地,跟layer差多了引用来自“TerryZ”的评论
谢谢你的评价,这位从来不认真看描述的同学引用来自“xiaose1205”的评论
你才不看描述呢,在chrome下面变形,打开效果不一致你没有看到吗?