BootStrap Modal和Tab 插件封装(原创)

所属分类:UI-弹出层

 37638  364  查看评论 (18)
分享到微信朋友圈
X
BootStrap Modal和Tab 插件封装(原创) ie兼容9

更新时间:2017/12/12 上午10:54:03

更新说明:

    1.增加了表单的常用功能示例及API 基于 jquery.smart-form.js;

    2.增加了下拉控件及API ,示例还在整理中 基于 bootstrap-select.js;

    3.增加了日期控件, 基于 bootstrap-datetimepicker.js;

    4.增加了通用JS包 ,global.js

下个版本将完善下拉控件,加入DataTable控件,最后将所有控件顶级封装成为一个完整控件库。


不是第一次封装插件,但是写的不是很好,JQ币就没脸要了。

这两个控件是顺手写的,接触BootStrap不到一个月,赶鸭子上架,遇到项目了,为了给程序员减轻痛苦所以封装了一下。

成套的DataTable ItemForm selectItem dateItem 都封好了,只是还没有单独拿出来整理。已经应用到项目了,所以BUG应该不是很多,如果有BUG 或者 哪里写的不好 可以各位大神及时联系我 QQ 93573294 谢谢了。也可能会发布到我的博客上 http://www.cnblogs.com/shiworkyue/

下面是控件的API,下载的包里也有,属性很多,还是比较灵活的,例子中只展示了部分功能,有兴趣可以下载下来仔细研究,共同探讨

相关插件-弹出层

四种简单弹窗 — 自己配置弹窗

四种弹出方式,可以非常简单的通过修改css来定义自己喜欢的样式。
  弹出层
 52165  423

带动画效果jQuery+CSS3实现的弹出框弹出层效果

带动画效果jQuery+CSS3实现的弹出框弹出层效果
  弹出层
 89503  453

jQuery图像展示插件Strip

Strip是Lightbox的一种,它只能部分覆盖页面。这样就不会占用大的屏幕面积,适用于比较小的移动设备
  弹出层
 32064  391

jQuery弹框、弹出层插件method.js

jq弹框 弹框标题、内容、宽高、取消确认按钮、关闭按钮、动效类型均可以参数的形式设置
  弹出层
 51389  398

讨论这个项目(18)回答他人问题或分享插件使用方法奖励jQ币 评论用户自律公约

    ゞ╃Only↘娜 0
    2019/2/27 11:37:27
    开源版还在维护!地址
    https://shixixiyue.gitee.io/mybootstrapex/# 回复
    ??? 0
    2018/12/20 10:22:59
    我想问下 ,我要在Modal层中的其他控件中关闭Model层怎么做? 回复
    ??? 0
    2018/12/18 19:51:54
    问楼主,我用的Modal3,弹出层以后怎么双击里面的内容关闭层 回复
    ゞ╃Only↘娜 0
    2018/7/1 13:33:22
    最新框架地址 https://gitee.com/shixixiyue/MyBootstrapEx
    演示地址 http://140.143.155.224:8087/
    jq22实在推不上来,汗! 回复
    自招 0
    2018/6/21 14:01:53
    climpeaker 0
    2018/1/10 21:14:12

    不错  直接应用于项目了  但是有一个问题,如果在iframe中弹出,不能遮盖全部窗口

        ゞ╃Only↘娜0
        2018/6/2 10:23:06
        已经整理并正式开源了,
        https://gitee.com/shixixiyue/MyBootstrapEx
        稍后会推送到 jq22 ,
    回复
    dsajdh 0
    2017/12/28 17:14:01
    我想每次重新加载iframe怎么办?要传参显示不同内容
        dsajdh0
        2017/12/28 17:25:04
        好吧,我知道方法了,用modal4的加载方法
    回复
    erp8@live.cn 0
    2017/12/13 19:30:54
    吕小斌-_-|?? 0
    2017/10/29 15:48:26

    问一下,第三个最大化窗口,添加按钮,这个弹出框,怎么样让后他保存后自动关闭

        ゞ╃Only↘娜1
        2017/12/12 18:55:31

        调隐藏方法或者触发关闭按钮click()

    回复
    蛋蛋 0
    2017/7/11 10:37:08
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复