javascript - 为什么我的 `load` 函数没有被调用？

Question

我正在尝试预加载我用属性装饰的某些图像，我想知道你们是否可以帮助我找出这里出了什么问题。我有

          var barlen = $('#SSWEprogressbar').width(),
              $elems = $('[data-srcurl]'),
                   n = $elems.length;
          for ( var k = 0; k < n; ++k )
          {
              var $elem = $($elems[k]);
              var img = new Image(),
                  url = $elem.attr('data-srcurl');

              $(img).load(function(){
                 console.log("we're here");//TEST
                 $('#SSWEloaderfront').attr('src',url);

                 $('#SSWEloadprogress').width(k/n*barlen + "px");
              });
              var srctgt = $elem.attr('data-srctgt');
              if ( srctgt == "srcattr" )
              {
                $elem.attr('src',url);
              }
              else if ( srctgt == "bgimg" )
              {
                $elem.css('background-image',url);
              }
          }

然后

console.log("we're here");//TEST

没有被调用。有什么想法吗？

Answer 1

您没有在 img 元素上设置 src 属性，因此加载永远不会触发。您需要添加 $(img).attr('src', url);