单击动画多个jquery ui对话框

时间:2013-10-15 12:35:58

标签: javascript jquery css jquery-ui jquery-ui-dialog

我有jquery ui对话框,我希望单击动画多个对话框。 但它只在整个对话框内动画内盒div。任何人都让我知道如何做到这一点? 我这样做了:Fiddle DEMO

//脚本

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

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

1 个答案:

答案 0 :(得分:2)

@Joe几乎拥有它,但我认为当您实际拥有两个不同的动画时,ui-dialog选择器将为两个对话框设置动画。试试这个:

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

     });

使用.parents()选择器方法移动相应的对话框。

这里的工作示例:http://jsfiddle.net/wKcDP/44/