检测模态何时打开 - Bootstrap 3

Question

我正在尝试检测模态何时打开，以便我可以设置内容高度，但什么都不做。

以下是我正在尝试的内容：

$('#bootModal').on('show', function () {
  alert('foo'); // doesn't fire
  $(this).find('.modal-body').css({
    'height':$( window ).height()*0.8
  });
});

为什么它没有检测到模态开启的任何想法？

Answer 1

在Bootstrap 3中，事件为shown.bs.modal而不是show

  

shown.bs.modal 制作模态时会触发此事件   对用户可见（将等待CSS转换完成）​​。如果   由点击引起的，点击的元素可用作   事件的relatedTarget属性。

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

示例：http://plnkr.co/edit/xp3GdIHF8rKLm8h6UhlL?p=preview