javascript - 关闭对话框时如何执行两个事件？

Question

单击 jQuery 对话框关闭按钮时，我想执行两个操作。我有两个div。当我关闭对话框时，我希望 div 向上滑动，div 2 向下滑动。

到目前为止，我已经设法让 div 1 向上滑动。那么在哪里可以放置 div 2 的代码以便在 div1 向上滑动后向下滑动？

这是代码

$('#unlock').click(function(){

    $('#dialog_content').dialog({

        modal: true , resizable: false,

        close: function(event, ui) { $('#div1').slideUp();}

    });

});

Answer 1

只需链接幻灯片调用

close: function(event, ui) {
  $('#div1').slideUp(function() {
    $('#div2').slideDown();
  });
};

Answer 2

试试这个：

$('#unlock').click(function(){

$('#dialog_content').dialog({

    modal: true , resizable: false,

    close: function(event, ui) {
$('#div1').slideUp( function(){$('#div2').slideDown();});

}

});

});

Answer 3

 (function(){

      $("#unlock").on( "click", function() {
        $("#divone").slideUp();

      $("#divone").promise().done(function() {
         $( "#divtwo" ).slideDown();
      });

  });

})();

你也可以使用 .promise(); 确保绑定到集合的特定类型的所有操作（无论是否排队）都已完成。可能有点矫枉过正，但只是另一种选择