Question

我正在尝试设置应用程序，但我需要同时为多个项目制作动画。

function getData() {
    for(i=0, i<data.length, i++) {
       ...
       animate(ID, top, left);
   }
}

function animate (ID, top, left) {
    $("#" + ID).animate({top: top, left: left}, {duration: 1000, queue: false});
}

它的作用是，它通过AJAX从服务器获取数据，获取ID，顶部和左侧位置。我有这些ID的div，我需要将它们设置为在左侧和顶部坐标中给出的位置。问题是，当我调用该函数时，除了最后一个元素之外，所有元素都会跳转到给定位置，这将按照应有的方式进行动画处理。哪里可能是一个问题？

Answer 1

您可以使用JQuery multiselection：

$("#element0, #element1").fadeIn()

在你的情况下：

function getData() {
    var ids = ""
    for(i = 0; i < data.length; i++) {
       // retrieve 'id', top and left
       ids += "#" + id
       if (i < data.length - 1) {
          ids += ","
       }
    }
    animate(ids, top, left);
}

function animate (ids, top, left) {
    $(ids).animate({top: top, left: left}, {duration: 1000, queue: false});
}

这会同时为“id”选中的所有元素设置动画。

JQuery动画更多元素

1 个答案: