代码之家  ›  专栏  ›  技术社区  ›  meo

图像预加载问题(使用$(“img”).load())

  •  1
  • meo  · 技术社区  · 14 年前

    $("img").load(function(){ //image preloading
    
    //some function & variable setting
    
        $listingItems.hover(
            function(){
                //effect
            },
            function(){
                //effect back
            }
        )
    
    }) // load
    

    我的问题是,只有在重新加载页面时效果才会起作用。当我第一次来到页面时,图像被加载,但是没有悬停效果。

    您可以在这里查看源代码: http://meodai.ch/rundum/shop.html

    1 回复  |  直到 14 年前
        1
  •  2
  •   Nick Craver    14 年前

    这个 load 如果图像来自某些浏览器中的缓存,则不会触发事件,但是可以通过检查 .complete .one() 负载 事件处理程序只触发一次,如下所示:

    $("img").one('load', function(){
      //current code
    }).each(function() {
      if(this.complete) $(this).load();
    });
    

    (或已加载) 真正地 快速或从缓存)它触发 负载 真正地 快速加载情况下),而不是汗水,这是什么 是给你的。