javascript - JSON/jQuery 语法问题？

Question

我正在尝试从文件夹中读取图像列表，以创建带有图像背景的 DIV(用作图像 slider )。我写的jQuery如下:

$.getJSON('../functions.php', function(images) {
  images.each( function() {
    $('#main').prepend('<div class="slider" style="background-image:url(' + ' (this) + ');"></div>');
  });
});

不幸的是，这不起作用......我在控制台中收到的错误消息是:

Uncaught SyntaxError: Unexpected token ILLEGAL

我做错了什么？谢谢!

Answer 1

SO 中的语法突出显示给了我线索，您需要将其更改为:

$('#main').prepend('<div class="slider" style="background-image:url(' + this + ');"></div>');

那里有一个额外的引号(并且不需要 this 周围的 ()...尽管它不会有什么坏处。

更新:

在解决引用问题并且您收到另一个错误后，问题似乎是您的 images JSON 试图使用 .each 进行迭代，不能用于对象字面量。 .each 用于 jQuery 对象(因此用 $() 包装 images)，或者用于迭代对象/数组的调用( $.each())。您需要使用类似的东西:

$.each(images, function () {    // <---- I prefer
// or
$(images).each(function () {