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关闭＆amp;同时打开对话框。你真的不应该在一个按钮上绑定两个动作（特别是声明和命令） - 这是一个反模式＆amp;整体上是一个糟糕的编程习惯。

从.btn-add-menu中删除声明性对话框调用，将其移至jQuery操作并包装超时以允许完成上一个对话框操作：

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

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

如何通过jQuery正确关闭模态

1 个答案: