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的原因

我要說說
網上賓友點評