jquery处理全局图片用预先设定好的图, 来替换无法加载的图片

字号+ 编辑: 种花家 修订: 听风就是我 来源: 网络转载 2023-09-11 我要说两句(0)

想让图片出错自动变成预先设定好的图? 用jquery的bind和on都试过了, 不灵啊, 会报错, 怎么解决呢, 本文来解答

一般浏览器会报$().on()或者$().bind() is not a function的错误

后来上网查了查, 发现这个代码蛮好用的, 测试通过

$("img").each(function () {
  let err = !1;
  if (!this.complete) {
    err = true;
  }
  if (typeof this.naturalWidth != 'undefined' && this.naturalWidth == 0) {
    err = true;
  }
  if (err) {
    $(this).bind('error.replaceSrc', function () {
      this.src = '/assets/img/img15.gif';
      $(this).unbind('error.replaceSrc');
    }).trigger('load');
  }
});

这里面的jquery的unbind()可以防止图片出错恢复之后一闪一闪的不断的被bind执行下去。

阅完此文,您的感想如何?
  • 有用

    0

  • 没用

    0

  • 开心

    0

  • 愤怒

    0

  • 可怜

    0

1.如文章侵犯了您的版权,请发邮件通知本站,该文章将在24小时内删除;
2.本站标注原创的文章,转发时烦请注明来源;
3.交流群: PHP+JS聊天群

相关课文
  • JS如何防止父节点的事件运行

  • nodejs编写一个简单的http请求客户端代码demo

  • 使用Sublime Text3 开发React-Native的配置

  • 说一则为什么后端开发人员不选择node.js的原因

我要说说
网上宾友点评