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（）;确保绑定到集合（排队或非排队）的某种类型的所有操作都已完成。可能有点矫枉过正，但只是另一种选择

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

3 个答案: