我正在从文件夹中加载所有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中清除我的缓存图像。有没有办法可以强制刷新?这是否是正确的方式呢?
答案 0 :(得分:0)
尝试使用Math.floor((Math.random() * 1000) + 1)
这是一个随机数,将其添加到您的图片src .. OR 您可能需要在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 +"'>");
}
});
}
});