bootstrap 模态窗口按钮位置_基于Boostrap Modal开发的可多层嵌套、定制灵活的模态窗口...

插件预览

模态窗口模式

07ed75cf4e9c5bc0f1a216686f76211f.png

消息对话框模式

4b2e384b31e18f9630767863395c16e8.png

遮罩模式

f86fa3c5a9588695cbe0c73e56dfb14a.png

边角通知窗口模式

00ec66185923ead818e85019303741cf.png

主要特性

  • 基于jQuery、bootstrap2,3进行开发
  • 可多层嵌套,并拥有各自独立的上下文
  • 灵活的窗口元素定制
  • 模态窗口模式可载入服务端页面、远程页面、页面静态元素等内容
  • 消息对话框模式,包含info、warning、error、success、confirm等模式
  • 边角通知窗口模式,包含info、warning、error、success等模式,且有六个角落的显示位置
  • 遮罩模式,遮挡全部元素,待指定功能完成后,再移除遮罩,满足加载待的需求
  • 可在同一页面下展示各种不同样式、风格的窗口皮肤
  • 浏览器尺寸发生改变时,窗口将自动重新定位到浏览器中心区域
  • 模态窗口区域外点击、窗口自动定位等场景均有相应的提醒动画效果
  • 丰富的回调函数
  • 浏览器支持IE8+,chrome,firefox

目标用户群体

插件针对在项目中使用了Bootstrap作为基础UI框架,同时更希望使用Bootstrap原生态组件的群体。

bDialog开发之初,目的是为了统一开发团队对于Bootstrap Modal的使用方式,例如统一设置背景点击不关闭窗口,关闭底部按钮区域,统一设置参数接收,回调函数等基础功能;后续更是着重解决了窗口多层嵌套打开的功能需求,尤其是解决了该死的IE8下多层打开会导致浏览器崩溃的问题。

Bootstrap原生提供的功能组件,功能性相对较弱,bDialog并不重新造轮子,而是在原生组件的基础上进行功能加强、扩展,使得更符合开发上的功能需求,通过不断的功能完善和问题修复,bDialog插件就一直更新到了现在。几年来经过多个团队和多个项目的使用,将项目进行开源,希望项目可以让更多的团队,个人受益。

窗口模式

  • 模态窗口(Modal)
  • 消息对话框(Alert)
  • 遮罩(Mask)
  • 边角通知窗口(Toast)
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值