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

版权声明:本文为博主原创文章,未经博主允许不得转载。

相关文章推荐

TypeScript List Item Event Bind to ViewModel's Function(TypeScript 列表子项点击事件绑定ViewModel的函数)

: Details

JavaScript笔记2--Function.prototype.bind动态绑定函数

对于Function.prototype.bind的解释,我觉得可以这么说:.bind()创建了一个函数,当这个函数在被调用的时候,它里面的 this 关键词会被设置成被传入的参数。下面举例一个使用....

Bootstrap 模态框(Modal)插件

模态框(Modal)是覆盖在父窗体上的子窗体。通常,目的是显示来自一个单独的源的内容,可以在不离开父窗体的情况下有一些互动。子窗体可提供信息、交互等。 您可以切换模态框(Modal)插件的隐...

bootstrap的modal模态框提交信息

这几天在开发测试平台,用到了bootstrap的模态框,需要实现在选中某一个select的option时,触发modal,并修改相应信息,并提交信息。 具体代码如下: select控件: ...

iphone微信移动端bootstrap的模态框modal失效VS点击失效

遇到的问题是,用bootstrap的modal在网页版及安卓手机上可以正常运行,但在苹果手机上失效。    触发模态框的按钮是用div写的,经过网上搜索,发现这不能说是bootstrap的问题  ...

bootstrap模态框(modal)垂直居中

相信modal垂直居中的问题,大家都百度、谷歌过,或者自己研究过。modal框默认是在屏幕上方左右居中显示,但是有的人偏偏去搞成上下左右都居中,大屏幕好像没问题,但是移动端就会导致modal框变形。所...

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

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

MVVM之旅-给任意的事件绑定命令(Adventures in MVVM – Binding Commands to ANY Event)

原文标题:Adventures in MVVM – Binding Commands to ANY Event 当我实现MVVM模式时,令我最为头疼一件事是需要给事件绑定命令。当我使用Prism...

Bootstrap模态框modal的高度和宽度设置

(1)高度 将style=“height:900px”放在或者更外层上,整个模态框的高度不会发生变化 如下图所示: 将style=“height:900px”放在上,是将整个模态框(包...

Bootstrap 模态框(Modal)与layer.prompt()冲突,layer.prompt()不起作用

报表查询条件框是Bootstrap的模态框(Modal),点击保存按钮弹出layer.prompt()不能获取焦点,主要问题是Bootstrap的模态框(Modal)的div中包含tabindex="...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:深度学习:神经网络中的前向传播和反向传播算法推导
举报原因:
原因补充:

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