Bagaimana untuk Tetapkan Imej Latar Belakang dengan Fungsi CSS jQuery?

Mengubah suai Imej Latar Belakang melalui Fungsi CSS jQuery

Apabila cuba menetapkan imej latar belakang CSS menggunakan jQuery, anda mungkin menghadapi masalah. Semasa memberikan URL imej secara langsung melalui $('myObject').css('background-image', imageUrl) mungkin kelihatan mudah, hasilnya mungkin mengecewakan mengembalikan "tiada" apabila dilog.

Inti isu terletak pada ketiadaan fungsi 'url()' yang diperlukan yang melampirkan URL imej dalam perisytiharan imej latar belakang CSS. Untuk menyelesaikan percanggahan ini, ubah suai kod anda seperti berikut:

$('myObject').css('background-image', 'url(' + imageUrl + ')');

Kod yang diubah suai ini memastikan pemaparan imej latar belakang yang betul dengan merangkum URL imej dalam tanda petikan dan membungkusnya dengan fungsi 'url()', menyelaraskannya dengan perwakilan CSS biasa:

background-image: url(imageUrl);

Dengan menggunakan pembetulan ini, anda kini boleh menetapkan latar belakang dengan mudah imej menggunakan manipulasi CSS jQuery.

Atas ialah kandungan terperinci Bagaimana untuk Tetapkan Imej Latar Belakang dengan Fungsi CSS jQuery?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!