ホームページ > ウェブフロントエンド > jsチュートリアル > jQuery の背景画像が機能しないのはなぜですか?

jQuery の背景画像が機能しないのはなぜですか?

Patricia Arquette
リリース: 2024-11-03 04:30:03
オリジナル
367 人が閲覧しました

Why is my jQuery background-image not working?

jQuery CSS プロパティを使用した背景画像の設定

画像を背景として設定しようとしているときに問題が発生しました。 jQueryを使用した画像プロパティ。画像 URL を imageUrl 変数に割り当て、それを「myObject」要素の CSS に適用しようとしました:

$('myObject').css('background-image', imageUrl);
ログイン後にコピー

調べてみると、console.log($( 'myObject').css('background-image')) は「なし」を返します。これは、画像が正しく設定されていないことを示しています。

解決策:

この問題を解決するには、画像の URL を 'url()' で囲む必要があります。標準の CSS 宣言と同じように、次の関数を使用します。

$('myObject').css('background-image', 'url(' + imageUrl + ')');
ログイン後にコピー

これにより、画像 URL が CSS 背景画像値として正しくフォーマットされ、問題が解決されることが保証されます。

以上がjQuery の背景画像が機能しないのはなぜですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート