單擊動畫多個jQuery UI對話框

Question

我有jquery ui對話框，並且我想單擊一次即可對多個對話框進行動畫處理。 但是它只對整個對話框中的內部box div進行動畫處理。有人讓我知道怎么做嗎？ 我已經做到了： Fiddle DEMO

//腳本

     $("#animate").click(function() {      

     $('#dialog').animate({
         left: "50px",
            });
     $('#dialog2').animate({
         top: "100px",
            });
 });

Answer 1

@Joe幾乎擁有它，但是當您實際上有兩個不同的動畫時，我認為ui-dialog選擇器將為兩個ui-dialog設置動畫。 嘗試這個：

$('#dialog').parents(".ui-dialog").animate({
             left: "50px",
                });
$('#dialog2').parents(".ui-dialog").animate({
             top: "100px",
                });

     });

這使用.parents()選擇器方法移動適當的對話框。

此處的工作示例： http : //jsfiddle.net/wKcDP/44/