我试图预先加载一些图像与jQuery AJAX调用,但我有真正的问题传递(url)字符串到AJAX调用的成功函数(如果这是有意义的)的函数。
这里是我的代码是:
//preloader for images on gallery pages
window.onload = function() {
setTimeout(function() {
var urls = ["./img/party/"]; //just one to get started
for ( var i = 0; i < urls.length; i++ ) {
$.ajax({
url: urls[i],success: function(data,url) {
$(data).find("a:contains(.jpg)").each(function(url) {
new Image().src = url + $(this).attr("href");
});
}
});
};
},1000);
};
可以看到我的(失败)尝试将url传递到.each()调用 – url ends up取增加整数的值。不确定为什么或这些相关的,也许jpg文件的数量?
…反正,它当然应该在我原来的urls数组中的单一值。
感谢任何帮助 – 我总是似乎有点扭曲与这些回调。
PROGESS?
所以,我陷入了一点,注意来自@ron tornambe和@PiSquared的意见,目前在这里:
//preloader for images on gallery pages
window.onload = function() {
var urls = ["./img/party/","./img/wedding/","./img/wedding/tree/"];
setTimeout(function() {
for ( var i = 0; i < urls.length; i++ ) {
$.ajax({
url: urls[i],success: function(data) {
image_link(data,i);
function image_link(data,i) {
$(data).find("a:contains(.jpg)").each(function(){
console.log(i);
new Image().src = urls[i] + $(this).attr("href");
});
}
}
});
};
},1000);
};
我试图把image_link(data,i)这里和无处不在(在每个嵌套函数等),但我得到相同的结果:i的值只记录为3.我怀疑这是因为所有引用i指向同一个事情,并且在异步任务实际到达image_link(data,i)时,for …循环结束并且完成(因此具有值3)。不用说,这给了urls [i]为“未定义”。
任何(更多)提示如何我可以绕过这?