如何在bootstrap模态框弹出后触发函数

最新推荐文章于 2019-05-29 22:18:00 发布

weixin_33781606

最新推荐文章于 2019-05-29 22:18:00 发布

阅读量495

点赞数

文章标签： python

原文链接：https://my.oschina.net/ffse54s/blog/734204

版权

2019独角兽企业重金招聘Python工程师标准>>>

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

事件类型 描述
show.bs.modal show 方法调用之后立即触发该事件。如果是通过点击某个作为触发器的元素，则此元素可以通过事件的 relatedTarget 属性进行访问。
shown.bs.modal 此事件在模态框已经显示出来（并且同时在 CSS 过渡效果完成）之后被触发。如果是通过点击某个作为触发器的元素，则此元素可以通过事件的 relatedTarget 属性进行访问。
hide.bs.modal hide 方法调用之后立即触发该事件。
hidden.bs.modal 此事件在模态框被隐藏（并且同时在 CSS 过渡效果完成）之后被触发。
loaded.bs.modal 从远端的数据源加载完数据之后触发该事件。

我的例子：

<div class="modal fade" id="bookModel" tabindex="-1" data-width="1200" data-backdrop="static" style="height:auto;">

</div>

$('#bookModel').modal('show');
$('#bookModel').on('shown.bs.modal', function () {
     if(equipSNList.length > 0){
          $('#preview1').show();
          showPreview1(equipSNList);
     }else{
          $('#preview1').hide();
     }
});

转载于:https://my.oschina.net/ffse54s/blog/734204