點擊動畫多個jQuery UI對話框

Question

我有jQuery UI對話框，並且我想單擊一個動畫多個對話框。 但它只在整個對話框裏面的內部盒子div動畫。所有讓我知道如何做到這一點？ 我已經做到了這一點：Fiddle DEMO

//腳本

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

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

Answer 1

@Joe幾乎擁有了，但我認爲ui-dialog選擇將動畫兩個對話時，你實際上有兩個不同的動畫。試試這個：

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

    }); 

使用該.parents()選擇方法移動相應的對話框。

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