[英]How to change background image dynamically depending on the url
我正在尝试在页面加载时动态更改,背景取决于您所使用的URL。 但这对我不起作用。
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)");
}
});
注意window.location不会返回字符串。 而是尝试使用
完整URL的window.location.href
(例如,此页面“ 如何根据URL动态更改背景图像 ”)
要么
仅路径的window.location.pathname
(例如,此页面“ / questions / 39369642 / how-to-to-change-background-image-dinamycally-depend-on-url”)
也许您可以通过以下方式改进代码:
const cameras = ['url1', 'url2', 'url3'];
const currentUrl = window.location.href;
const el = $(".breadcrumb-right");
if (cameras.includes(currentUrl)) {
el.css("background-image", `url(${currentUrl})`);
}
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.