小編給大家分享一下jquery中圖片加載失敗的解決方法,相信大部分人都還不怎么了解,因此分享這篇文章給大家參考一下,希望大家閱讀完這篇文章后大有收獲,下面讓我們一起去了解一下吧!
jquery中圖片加載失敗的解決辦法:1、引入jquery插件,代碼為【$(this).attr('src', "default.jpg(默認(rèn)圖片的url地址)")】;2、使用img的onerror事件。
jquery中圖片加載失敗的解決辦法:
1.第一種方法:
如果已經(jīng)引入了jquery插件,就很好辦。沒(méi)有的話,如果實(shí)在需要,可以附上代碼:
script(type='text/javascript', src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js") //這是jade文件的寫(xiě)法,可以自行轉(zhuǎn)換為html handle error $('img').error(function(){ $(this).attr('src', "default.jpg(默認(rèn)圖片的url地址)"); });
2.第二種方法:如果img標(biāo)簽是少量的話,可以用這個(gè):
img的onerror事件
<img src='test.jpg' alt='test' onerror="this.src='default.jpg'"> //alt屬性的意思是在圖片為加載成功時(shí)顯示的文字
以上是“jquery中圖片加載失敗的解決方法”這篇文章的所有內(nèi)容,感謝各位的閱讀!相信大家都有了一定的了解,希望分享的內(nèi)容對(duì)大家有所幫助,如果還想學(xué)習(xí)更多知識(shí),歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道!
本文題目:jquery中圖片加載失敗的解決方法-創(chuàng)新互聯(lián)
本文網(wǎng)址:http://chinadenli.net/article2/dhjdic.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供自適應(yīng)網(wǎng)站、網(wǎng)站內(nèi)鏈、定制開(kāi)發(fā)、軟件開(kāi)發(fā)、品牌網(wǎng)站設(shè)計(jì)、動(dòng)態(tài)網(wǎng)站
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來(lái)源: 創(chuàng)新互聯(lián)
猜你還喜歡下面的內(nèi)容