Question

我再次搜索了3天我如何“一次点击并为每次点击两个阵列设置动画”。我有两个数组，其中一个有html的输出类，第二个有XML文件的数据。我有一个按钮，每次点击都成为一个动画。但是现在我想要同时迭代并且每次点击变成2个动画。我已经因此而头疼，;）。哪个方向去？请问一些有用的想法？谢谢！

代码段

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

    $(theArray[arrayIndex++]).fadeIn("slow")
    //$(xmlToArray[arrayIndex++]).fadeIn("slow")
    }                           
    // arrayIndex = 0;
    console.log(theArray[arrayIndex]);
})

Answer 1

我猜您需要先使用

合并两者

var thirdarray = firstarray.concat(secoundarray)

然后使用

立即迭代它们

$.each(thirdarray , function(){....})

Answer 2

如果你想遍历所有这些，你需要一个for循环。

$('#Next').click(function() {
    var i;
    for(i = 0; i<theArray.length && i < xmlToArray.length; i++){

            theArray[i].fadeIn("slow");
            xmlToArray[i].fadeIn("slow");
    }                           
});

如果您只希望每次点击增加一个索引，那么您就在正确的路径上：

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

    $(theArray[arrayIndex++]).fadeIn("slow")
    $(xmlToArray[arrayIndex]).fadeIn("slow")
    }                           
});

一次单击每次点击两个阵列并为其设置动画

2 个答案: