Bind Function to Bootstrap Modal Event 模态对话框事件绑定函数

原创 2015年11月17日 23:31:30

bootstrap modal 事件有 :hide、show

如何给hide、show事件绑定函数呢?

可以这样写

$('#myModal').on('shown.bs.modal', function () { 

//do something

})

$('#myModal').on('hidden.bs.modal', function () { 

//do something

})

事件有

show.bs.modal、hide.bs.modal:框显示、隐藏的同时执行function

hidden.bs.modal、shown.bs.modal:在框显示、隐藏完成后执行function

 

ps:在Bootstrap 3中如此,在其他版本中有差别

详见:http://getbootstrap.com/javascript/#modals

http://getbootstrap.com/2.3.2/javascript.html#modals

bootstrap模态框(弹出框),如何添加传参事件

bootstrap弹出框,根据点击将本文的内容添加到弹出框中 >   html lang="zh-CN">   head>       meta charset="utf-8">       m...
  • luckyJieXu
  • luckyJieXu
  • 2017年03月29日 11:46
  • 7478

bootstrap中的模态框(modal,弹出层)

bootstrap中的模态框(modal),不同于Tooltips,模态框以弹出对话框的形式出现,具有最小和最实用的功能集。务必将模态框的 HTML 代码放在文档的最高层级内(也就是说,尽量作为 bo...
  • dearcode
  • dearcode
  • 2016年08月16日 13:54
  • 53621

bootstrap模态框html重置后,绑定的click方法失效

开发过程中,经常用到bootstrap的modal。当动态的改变了modal的html,或者表单校验结果显示了,亦或只是单纯的做了一些输入。这时候关闭modal再打开,还是原先的样子。如果想要重置,我...
  • p2510899959
  • p2510899959
  • 2017年03月06日 16:19
  • 819

Bind Function to Bootstrap Modal Event 模态对话框事件绑定函数

bootstrap modal 事件有 :hide、show 如何给hide、show事件绑定函数呢? 可以这样写 $('#myModal').on('shown.bs.modal', fun...
  • hupenghaooo
  • hupenghaooo
  • 2015年11月17日 23:31
  • 285

bootstrap弹出模态框

1.引入bootstrap相关jsbootstrap.min.js jquery-2.2.3.min.js bootstrap.min.css 2.写模态框弹出按钮 添加应用 3.写模态框主体...
  • DaZhi_boy
  • DaZhi_boy
  • 2017年07月26日 17:37
  • 241

datepicker插件在模态框modal中不显示问题

最近在做bootstrap中模态框中选择日期,发现模态框中的日历插件不显示。由于在页面中不止一次使用datepicker插件,所以一直以为不显示的原因是同页面多次使用了datepicker,然后从网上...
  • qq_26747571
  • qq_26747571
  • 2016年11月14日 17:10
  • 2783

Android如何实现模态对话框(Modal Dialog)

通过以下3步,将一个Activity变为模态对话款 1.在activity的manifest中加上下面的设置: android:theme="@android:style/Theme.Dialog...
  • ZiYu_CHN
  • ZiYu_CHN
  • 2013年06月03日 16:45
  • 2434

4.1Bootstrap学习js插件篇之模态框

案例 模态框经过了优化,更加灵活,以弹出对话框的形式出现,具有最小和最实用的功能集。 不支持模态框重叠 千万不要在一个模态框上重叠另一个模态框。要想同时支持多个模态框,需要自...
  • a316212802
  • a316212802
  • 2014年05月06日 18:52
  • 53991

bootstrap表格添加按钮、模态框实现

bootstrap表格添加按钮、模态框实现- 需求:需要表格后面每一列后面都有“添加”“删除”按钮。如下图- 源码如下 function operateFormatter(value, r...
  • qq_34639724
  • qq_34639724
  • 2017年07月20日 17:35
  • 4488

bootstrap modal模态窗口拖拽功能

/** 拖拽模态框*/ var dragModal={ mouseStartPoint:{"left":0,"top": 0}, m...
  • waysoflife
  • waysoflife
  • 2017年03月31日 11:04
  • 1429
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:Bind Function to Bootstrap Modal Event 模态对话框事件绑定函数
举报原因:
原因补充:

(最多只允许输入30个字)