Heim > Artikel > Web-Frontend > Was tun, wenn das Laden von Bildern in JQuery fehlschlägt?
Lösung für den Fehler beim Laden von Bildern in jquery: 1. Führen Sie das jquery-Plug-in ein, der Code lautet [$(this).attr('src', "default.jpg (default image url address)")] 2. Verwenden Sie das Ereignis „img onerror“.
Die Betriebsumgebung dieses Tutorials: Windows 7-System, JQuery-Version 3.2.1. Diese Methode ist für alle Computermarken geeignet.
Lösung für fehlgeschlagenes Laden von Bildern in JQuery:
1. Die erste Methode:
Wenn das JQuery-Plug-In eingeführt wurde, ist es einfach zu handhaben. Wenn nicht, können Sie, wenn Sie ihn wirklich benötigen, den Code anhängen:
script(type='text/javascript', src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js") //这是jade文件的写法,可以自行转换为html handle error $('img').error(function(){ $(this).attr('src', "default.jpg(默认图片的url地址)"); });
2. Die zweite Methode: Wenn das img-Tag klein ist, können Sie Folgendes verwenden:
img's onerror event
<img src='test.jpg' alt='test' onerror="this.src='default.jpg'"> //alt属性的意思是在图片为加载成功时显示的文字
Related kostenlose Lernempfehlungen: Javascript(Video)
Das obige ist der detaillierte Inhalt vonWas tun, wenn das Laden von Bildern in JQuery fehlschlägt?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!