如何關閉對話框時執行兩個事件？

我想單擊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();} 

    }); 

});

來源

2012-04-24 Ronny Kibet

剛剛鏈中的幻燈片呼籲

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

來源

2012-04-24 15:35:13 JaredPar

根據文檔默認值爲400。 – Hari 2012-04-24 15:37:19

@Hari哎呦，更新後會再抓一杯咖啡 – JaredPar 2012-04-24 15:37:46

謝謝Jared。工作 – 2012-04-24 15:52:13

試試這個：

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

$('#dialog_content').dialog({ 

    modal: true , resizable: false, 

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

} 

}); 

});

來源

2012-04-24 15:35:55

(function(){ 

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

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

    }); 

})();

您也可以使用.promise（）;以確保綁定到集合的某個類型的所有操作（已排隊或未完成）已完成。可能有點矯枉過正，但只是另一種選擇

來源

2012-04-24 16:02:21 Joey

如何關閉對話框時執行兩個事件？

回答

相關問題