如何通過jQuery正確關閉模式

Question

這是jQuery

$(document).ready(function(){
$(".btn-add-menu").click(function(){
  $('.pace-done').addClass('no-pad');
  $("#myModalAddApplet").modal('hide');
});

});

問題是它成功地隱藏了模態#myModalAddApplet但是它打開的新模態很長，並且在這種情況發生后滾動條不能與模態一起工作，我已經嘗試自己調試了，問題是$("#myModalAddApplet").modal('hide'); 因為如果我注釋掉該行，則滾動條可以正常工作。

可以教我如何正確關閉或隱藏我的模態的任何人...

PS。 .btn-add-menu打開另一個模式...

Answer 1

您的問題不在jQuery代碼中（這是正確的），但實際上您正在強迫jQuery / Bootstrap同時關閉和打開對話框。 您實際上不應該在單個按鈕上綁定兩個動作（特別是聲明式和命令式的動作）-這是一種反模式，總體上是一種不良的編程習慣。

從.btn-add-menu刪除聲明性對話框調用，將其移至jQuery操作並包裝一個超時以允許先前的對話框操作完成：

$(".btn-add-menu").click(function(){
    $('.pace-done').addClass('no-pad');
    $("#myModalAddApplet").modal('hide');

    setTimeout(function() {
        $("#otherApplet").modal('show');
    },
    500);
});