打开后如何更改bootstrap模态体高度？

Question

如何在使用jQuery打开它后更改模型弹出高度？

我的按钮是

<button type="button" onclick="popUpSize();" 
     class="btn btn-primary" data-toggle="modal" 
     data-target="#myModal">
         Launch demo modal
</button>

我的jQuery代码是

function popUpSize(){
  var winHeight = $( window ).height();
  var popHeight = winHeight - 200;
  $('#myModal .modal-body').css('height', 'popHeight');
};

Answer 1

popHeight是一个不是字符串的变量，它不应该有引号。您也可以在shown.bs.modal回调上调用此函数。您可以使用以下代码

$('#myModal').on('shown.bs.modal', function (e) {
  // do something...
  popUpSize();
})

function popUpSize(){
  var winHeight = $( window ).height();
  var popHeight = winHeight - 200;
  $('#myModal .modal-body').css('height', popHeight);
};


<button type="button" class="btn btn-primary" data-toggle="modal" data-target="#myModal">Launch demo modal</button>