时间戳

首页 > 解决方案 > 无法使用 jQuery 更改正文中的背景图像

jquery - 无法使用 jQuery 更改正文中的背景图像

问题描述

我正在尝试使用 jQuery 替换正文背景中的图像，但无论我做什么，它都不起作用。代码与其他问题或教程中的代码几乎相同。这是有效的CSS：

body{
     background-image: url('img/1.jpg');
}

但这里的 jQuery 没有：

$('body').css('background-image', 'url(img/2.jpg)');

和 HTML：

 <html lang="pl">
 <head>
 <script src="https://ajax.aspnetcdn.com/ajax/jQuery/jquery-3.3.1.min.js">
 </script>
 <script src="script.js"></script>
 <meta charset="UTF-8">

 <link rel="stylesheet" href="styles.css">
 <Title> Moja firma </Title>
 </head>
 <body>

 </body>
 </html>

我检查了一下，加载了 jQuery 以及包含其代码的文件。我也尝试在 url 中加上引号，但也没有。

标签： jquerycss

解决方案

当我测试 jquery 时，您的代码似乎工作正常。所以我建议将你的移动<script src="script.js"></script>到你的身体标签的底部。

<body>
    stuff for page

    <script src="script.js"></script>
</body>

否则你应该检查页面是否准备好

$(document).ready(function() {
    $('body').css('background-image', 'url(img/2.jpg)');
});

推荐阅读