Heim > Web-Frontend > js-Tutorial > Was tun, wenn das Laden von Bildern in JQuery fehlschlägt?

Was tun, wenn das Laden von Bildern in JQuery fehlschlägt?

coldplay.xixi
Freigeben: 2020-12-02 17:25:19
Original
3081 Leute haben es durchsucht

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“.

Was tun, wenn das Laden von Bildern in JQuery fehlschlägt?

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地址)");
         });
Nach dem Login kopieren

2. Die zweite Methode: Wenn das img-Tag klein ist, können Sie Folgendes verwenden:

img's onerror event

<img src=&#39;test.jpg&#39; alt=&#39;test&#39; onerror="this.src=&#39;default.jpg&#39;">
//alt属性的意思是在图片为加载成功时显示的文字
Nach dem Login kopieren

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!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage