Heim > Web-Frontend > js-Tutorial > Hauptteil

Warum funktioniert mein jQuery-Hintergrundbild nicht?

Patricia Arquette
Freigeben: 2024-11-03 04:30:03
Original
319 Leute haben es durchsucht

Why is my jQuery background-image not working?

Hintergrundbild mithilfe der jQuery-CSS-Eigenschaft festlegen

Beim Versuch, ein Bild als Hintergrund festzulegen, tritt ein Problem auf. Bildeigenschaft mit jQuery. Sie haben die Bild-URL der Variable imageUrl zugewiesen und versucht, sie auf das CSS des Elements „myObject“ anzuwenden:

$('myObject').css('background-image', imageUrl);
Nach dem Login kopieren

Bei der Überprüfung stellen Sie fest, dass es nicht funktioniert, da console.log($( 'myObject').css('background-image')) gibt „none“ zurück. Dies weist darauf hin, dass das Bild nicht richtig eingestellt wurde.

Lösung:

Um dieses Problem zu beheben, müssen Sie die Bild-URL in „url()“ einschließen. Funktion, genau wie in einer Standard-CSS-Deklaration:

$('myObject').css('background-image', 'url(' + imageUrl + ')');
Nach dem Login kopieren

Dadurch wird sichergestellt, dass die Bild-URL korrekt als CSS-Hintergrundbildwert formatiert ist und sollte das Problem beheben.

Das obige ist der detaillierte Inhalt vonWarum funktioniert mein jQuery-Hintergrundbild nicht?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

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
Neueste Artikel des Autors
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage