第一页加载后，不会加载通过jQuery加载的图像

Question

我正在从文件夹中加载所有jpg / png图像并将其附加到元素，然后当元素“准备好”时，我会给它一些悬停效果等等。但是，在我第一次加载页面后，如果我要刷新它，图像将不再加载。这是我用来加载图像的代码。

var folder = "images/";
$.ajax({
    url: folder,
    success: function (data) {
        $(data).find("a").attr("href", function (i, file) {
            if (file.match(/\.(jpe?g|png)$/)) {
                $("div#whatever").append("<img class='gallery' src='"+ folder + file +"'>");
            }
        });
    }
});

同样，它可以工作，但是一旦我刷新页面，它就不再加载它们，除非我在Chrome中清除我的缓存图像。有没有办法可以强制刷新？这是否是正确的方式呢？

Answer 1

尝试使用Math.floor((Math.random() * 1000) + 1)这是一个随机数将它添加到你的图像src ..或者你可能需要在ajax中尝试cache: false

var folder = "images/";
var RandomNum = Math.floor((Math.random() * 1000) + 1);
$.ajax({
    url: folder,
    cache: false,  //<<<<<<<<<<<<<<<< here
    success: function (data) {
        $(data).find("a").attr("href", function (i, file) {
            if (file.match(/\.(jpe?g|png)$/)) {
                $("div#whatever").append("<img class='gallery' src='"+ folder + file +"?"+RandomNum +"'>");
            }
        });
    }
});