Javascript JS级联

我有以下代码块：

<script type="text/javascript">
$(window).scroll(function () {
    var image_url = 'wp-content/themes/lacitta/images/section_1.jpg';
    console.log($(window).scrollTop());
    if ($(window).scrollTop() > 800) {
        image_url = 'wp-content/themes/lacitta/images/section_2.jpg';
    }
    $('body').css('background-image', 'url(' + image_url + ')');
});
</script>

我不明白为什么它不起作用。这是一个连接问题吗

---

脚本的要点是在滚动时更改背景图像，并且在没有“50%50%no repeat；”部分的情况下工作。

背景图像

不接受大小/位置参数。基本上，它只是

url（）

-而已。你的代码应该是

$('body').css('background', 'url(' + image_url + ')' + extra);
                         ^---no "-image"                    ^-- + '' isn't necessary

---

背景图像仅支持url（）组件。如果要设置定位/大小，只需

background:url（…）50%50%no repeat

。如果这是一个具体的问题，那么这将是一个JS语法错误，并且会在浏览器的调试控制台中告诉您。是的，这就是我想要实现的。“额外”变量放置错误？不，它的位置正确。忽略css本身的问题，JS写的没有问题。啊，我现在明白了，谢谢！：）请把它作为答案贴出来，这样我就可以接受了。

$('body').css('background', 'url(' + image_url + ')' + extra);
                         ^---no "-image"                    ^-- + '' isn't necessary