小编Han*_*ans的帖子

到目前为止,我只是把我所有的jQuery优点放在$(document).ready()函数中,包括在某些用户交互中使用的简单函数.

但是,不需要加载DOM文档或仅在事后调用的函数也可以放在外面$(document).ready().例如,考虑一个非常简单的验证函数,例如:

function hexvalidate(color) {
// Validates 3-digit or 6-digit hex color codes 
 var reg = /^(#)?([0-9a-fA-F]{3})([0-9a-fA-F]{3})?$/;
 return reg.test(color);
}

该函数仅在$(document).ready()函数内 调用.

什么是最佳实践(语法,速度); 在jquery文档就绪函数内部或外部放置这样的函数？

我正在从多维数组构建一个jquery动画,并且在每次迭代的回调中,我想使用数组的一个元素.但不知怎的,我总是最终得到数组的最后一个元素而不是所有不同的元素.

HTML:

<div id="square" style="background-color: #33ff33; width: 100px; height: 100px; position: absolute; left: 100px;"></div>

JavaScript的:

$(document).ready(function () {

// Array with Label, Left pixels and Animation Lenght (ms)
LoopArr = new Array(
    new Array(['Dog', 50, 500]),
    new Array(['Cat', 150, 5000]),
    new Array(['Cow', 200, 1500])
);

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

for (x in LoopArr) {
    $("#square").animate({ left: LoopArr[x][0][1] }, LoopArr[x][0][2], function() {
        alert (LoopArr[x][0][0]);
    });
}

});

});

`

目前的结果:牛,牛,牛

期望的结果:狗,猫,牛

如何确保在回调中返回相关的数组元素？