bootstrap modal 弹窗 数据清除
2015-09-24 15:32
597 查看
bootstrap modal操作简单易用,
但是发现当用于弹出不同的编辑页面时,数据总是显示第一次的数据,
查了好久是这样的:
另附上modal一些触发函数
事件描述实例show.bs.modal在调用 show 方法后触发。
shown.bs.modal当模态框对用户可见时触发(将等待 CSS 过渡效果完成)。
hide.bs.modal当调用 hide 实例方法时触发。
hidden.bs.modal当模态框完全对用户隐藏时触发。
但是发现当用于弹出不同的编辑页面时,数据总是显示第一次的数据,
查了好久是这样的:
//清除弹窗原数据 $("#create_modal").on("hidden.bs.modal", function() { $(this).removeData("bs.modal"); });
另附上modal一些触发函数
事件描述实例show.bs.modal在调用 show 方法后触发。
$('#identifier').on('show.bs.modal', function () { // 执行一些动作... })
shown.bs.modal当模态框对用户可见时触发(将等待 CSS 过渡效果完成)。
$('#identifier').on('shown.bs.modal', function () { // 执行一些动作... })
hide.bs.modal当调用 hide 实例方法时触发。
$('#identifier').on('hide.bs.modal', function () { // 执行一些动作... })
hidden.bs.modal当模态框完全对用户隐藏时触发。
$('#identifier').on('hidden.bs.modal', function () { // 执行一些动作... })
相关文章推荐
- bootstrap初试进度条
- Bootstrap 3.3.4 发布,Web 前端 UI 框架
- 基于Bootstrap的网页设计实例
- 精彩的Bootstrap案例分享 重点在注释!(选项卡、栅格布局)
- BootStrap实现带有增删改查功能的表格(DEMO详解)
- 通过Tabs方法基于easyUI+bootstrap制作工作站
- BootStrap栅格系统、表单样式与按钮样式源码解析
- jfinal与bootstrap的登录跳转实战演习
- bootstrap data与jquery .data
- Bootstrap的图片轮播示例代码
- 解决bootstrap中modal遇到Esc键无法关闭页面
- 基于Bootstrap+jQuery.validate实现Form表单验证
- 页面遮罩层,并且阻止页面body滚动。bootstrap模态框原理
- BOOTSTRAP时间控件显示在模态框下面的bug修复
- el表达式 写入bootstrap表格数据页面的实例代码
- BootStrap便签页的简单应用
- 使用jQuery和Bootstrap实现多层、自适应模态窗口
- 使用java基于pushlet和bootstrap实现的简单聊天室
- 网站发布后Bootstrap框架引用woff字体无法正常显示的解决方法
- requirejs 学习笔记 0 3ff8