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
  • LeyYang
  • LeyYang
  • 2014年10月09日 09:52
  • 2327

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

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

关于std::function和std::bind绑定成员函数

关于std::bind绑定成员函数与虚函数的方法。 #include #include using namespace std; class A { public:     A() :m_a(...

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

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

Bootstrap 模态框(Modal)插件数据传值

网上找到这篇文章,总体思路是通过html本身的取值和赋值方法,建议还是通过我上篇blog的方法进行传值(Bootstrap本身提供的方法) 模态框具体代码如下: ...

Bootstrap 过渡效果Transition-模态框(Modal)

可以切换模态框(Modal)插件的隐藏内容: 1、通过 data 属性:在控制器元素(比如按钮或者链接)上设置属性 data-toggle="modal",同时设置 data-target="#i...

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

报表查询条件框是Bootstrap的模态框(Modal),点击保存按钮弹出layer.prompt()不能获取焦点,主要问题是Bootstrap的模态框(Modal)的div中包含tabindex="...

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

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

Bootstrap- Modal对话框如何在关闭时触发事件

http://www.hello-code.com/blog/Bootstrap/201507/5233.html 下表列出了模态框中要用到事件。这些事件可在函数中当钩子使用。 ...

Bootstrap- Modal对话框如何在关闭时触发事件

http://www.hello-code.com/blog/Bootstrap/201507/5233.html 下表列出了模态框中要用到事件。这些事件可在函数中当钩子使用。 ...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:Bind Function to Bootstrap Modal Event 模态对话框事件绑定函数
举报原因:
原因补充:

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