刷新页面时使用chrome缓存的图像.load()工作不正常

Cached images in chrome at refreshing the page. load() not working properly

本文关键字:load 图像 不正常 工作 缓存 chrome 刷新      更新时间:2023-09-26

我用html、css和javascript(以及jQuery)制作了一个简单的页面。该页面正在开发中,有几行简单的代码:

这是页面

问题是,当用chrome刷新页面几次时,有时chrome会加载javascript,而其他则不会。只有在刷新几次时才会发生这种情况,而不是在第一次加载时。

这种情况只在Chrome中发生,在任何其他浏览器上都能很好地工作。

为什么?有人有同样的问题吗?谢谢你抽出时间。

发现问题:问题出现在使用jQuery方法load()缓存的图像中。我试过pauliish插件,但它在刷新时似乎会随机执行相同的操作。我的代码是:

    $(img)
    .attr({
        //src:'http://a2.sphotos.ak.fbcdn.net/hphotos-ak-snc7/331360_2681959258277_1535210086_2696160_1853452662_o.jpg',
        src:'http://a1.sphotos.ak.fbcdn.net/hphotos-ak-ash4/s720x720/425947_331598576876081_246781332024473_794518_640826950_n.jpg',
        id: 'bigPic'
    })
    .appendTo('#bigPicWrap')
    .imagesLoaded(function () {
        //some code with the image accessing it with: $(this)
    });

也许代码有问题?插件使用不当?这种情况仍然只在chrome上发生。谢谢你的帮助。

您可以将ajax设置为不缓存响应

$.ajaxSetup({
  cache: false
});