URLに応じて背景イメージを動的に変更する方法

Question

私はページの読み込み時に動的に変更しようとしています。しかし、それは私のためには機能しません。

var camera1 = "url1"; 
var camera2 = "url2"; 
var camera3 = "url3"; 
var currenturl = window.location; 
jQuery(function($) 
{ 
    if(camera1 == currenturl) 
    { 
    $(".breadcrumb-right").css("background", "url(url1.jpg) !important;"); 
    }  
    else if (camera2 == currenturl) 
    { 
    $(".breadcrumb-right").css("background-image", "url(url2.jpg)"); 
    }  
    else if (camera3 == currenturl) 
    { 
    $(".breadcrumb-right").css("background-image", "url(url3.jpg)"); 
    }  
}); 

Answer 1

たぶん、あなたはこのような何かやってあなたのコードを向上させることができます

const cameras = ['url1', 'url2', 'url3']; 
const currentUrl = window.location.href; 
const el = $(".breadcrumb-right"); 

if (cameras.includes(currentUrl)) { 
    el.css("background-image", `url(${currentUrl})`); 
} 

Answer 2

注意してくださいwindow.locationは文字列を返しません。 代わりに「/質問/ 39369642 /ハウツー変更・背景のみ（例えば、このページのパスを

または

window.location.pathname（例えば、「How to change background image dynamically depending on the urlを」このページを）完全なURLのため
window.location.hrefを使用してみてください-image-dinamycally-依存オンURL」）