如何通过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);
});