javascript - bLazy图像加载器，如何在错误时获取数据src？

Question

我正在使用 blazy 图像加载器，并且我试图从错误的元素中获取数据 src。基本上，如果图像未找到或无效，我想更改图像 src 的最后 4 个字母，但我不知道如何获取实际源。这是我的代码:

var bLazy = new Blazy({
  loadInvisible: true,
  error: function (ele, msg) {
     if (msg === 'missing') {
        var dsrc = ele.src();
        var fallback = dsrc.replace('y.jpg','b.jpg');
        ele.src(fallback);
     } else if (msg === 'invalid') {
        console.log(this);
     }
  },
  success: function(ele,msg){
      //console.log(ele.parseJSON());
      console.log(this);
  }
   });

我还尝试了 ele.attr('data-src'); 但这也不起作用。当我查看控制台的 console.log(ele) 时，我得到的是实际图像而不是元素。

任何可以帮忙的人...拜托!!

Answer 1

如果您想获取“src”属性，可以将 $(ele).data("src") 或 $(ele).attr("data-src") 与 JQuery 结合使用。修改后即可。

  ;(function() {
      // Initialize
      var bLazy = new Blazy({
        error: function(ele, msg){
          if(msg === 'missing'){
            // Data-src is missing
            console.log(msg);
          } else if(msg === 'invalid'){
            // Data-src is invalid
            //console.log( $(ele).data("src") );
            var src = $(ele).data("src");
            src = src.substring(0, src.length - 4) + 'b.jpg';
            //or
            //src = src.replace('y.jpg','b.jpg');
            $(ele).attr("src",src);
          }  
        }          
      });
  })();