Question

我现在一直盯着这个看了一个小时，我无法弄清楚我做错了什么。我希望第二眼。

该功能的目的是从服务器上的文件夹中获取所有JPG图像，并创建一个div数组，并将获取的图像作为div的背景图像。这主要是因为IM太懒而不能写出所有的html，还因为它允许快速更改而无需编辑代码。

加载了最新的jQuery库，并支持页面上的其他jQuery函数。我认为问题出在以$("body")开头的行中。此函数运行时没有错误，但没有创建div。

$(document).ready(function() {
var loc = "images/slides";
var fileextension = ".jpg";
$.ajax({
    url: loc,
    success: function (data) {
        $(data).find("a:contains(" + fileextension + ")").each(function () {
            var filename = this.href.replace(window.location.host, "").replace("http:///", "");
            $("body").append($("<div class='slide' style='background-image:url(&apos" + loc + filename +"&apos)></div>"));
        });
    }
});
});

Answer 1

"...image:url(&apos" + loc + filename +"&apos)..."

&apos？你的意思是'？我不确定这会正确呈现。 '很好，所以这个：

$("body").append($("<div class='slide' style='background-image:url('" + loc + filename +"')></div>"));

就个人而言，我会使用这种语法。

$('<div>', {'class': 'slide'}).css({
    backgroundImage: "url('" + loc + filename +"')"
}).appendTo('body');

注意，密钥'class'是封装的，因为没有这样做导致IE中断

jquery / AJAX获取功能不起作用

1 个答案: