关于javascript：TypeError：变量未定义

TypeError: variable is undefined

本问题已经有最佳答案，请猛点这里访问。

我收到以下错误：TypeError：slides [i]未定义。

它奇怪，因为它不应该能够访问幻灯片变量？

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19

$('document').ready(function() {
$.ajax({
type:"POST",
url:"getSlides.php",
data: '',
cache: false,
success: function(response)
{
var slides = JSON.parse(response);
for (var i = 0; i < slides.length; i++) {
setTimeout(function() {
if (slides[i].type === 'image') {
$('#slideshow').html('<img src="' + slides[i].image_video + '" />');
}
}, 2000);
}
}
});
});

相关讨论

您可以代理您的sildes[i]到setTimeout函数回调，参考，小提琴示例

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18

$('document').ready(function () {
$.ajax({
type:"POST",
url:"getSlides.php",
data: '',
cache: false,
success: function (response) {
var slides = JSON.parse(response);
for (var i = 0; i < slides.length; i++) {
setTimeout(function (slide) {
if (slide.type === 'image') {
$('#slideshow').html('<img src="' + slide.image_video + '" />');
}
}, 2000, slides[i]);
}
}
});
});

它看起来像循环问题中的经典闭包

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15

$('document').ready(function () {
$.ajax({
type:"POST",
url:"getSlides.php",
dataType: 'json',
cache: false,
success: function (response) {
$.each(slides, function (slide) {
if (slide.type === 'image') {
$('#slideshow').html('<img src="' + slide.image_video + '" />');
}
})
}
});
});

尝试替换：

1	for (var i = 0; i < slides.length; i++) {

至：

1	for (var i in slides) {