Jquery 动态背景图片 url 不起作用

Question

我想在用户刷新页面或单击不同页面时显示背景图像文件夹中的不同背景图像。

在我的布局中，我正在缓存我的图像路径，但我无法 jquery 正确显示它。 background-position 和 background-attachment 属性有效，但 background-image 不是由 jquery 创建的。这就像 jquery 跳过背景图像代码。

顺便说一下，我的 backgroundUrl 属性创建的路径类似于“/images/background/1.jpg”，因此它可以正常工作。感谢您的帮助。

@{

    var items = Utils.GetImages("background", 3);
    var backgroundUrl = items.FirstOrDefault();

}
<script type="text/javascript">
    $(document).ready(function (backgroundUrl) {
        $('body').css({
            'background-image': 'url(' + backgroundUrl + ')',
            'background-position': '50% 0%', 'background-attachment': 'fixed'
        });
    });
</script>

Answer 1

这是在 jquery 脚本中使用变量的方法 "@变量名"

@{

    var items = Utils.GetImages("background", 3);
    var backgroundUrl = items.FirstOrDefault();

}
<script type="text/javascript">
    $(document).ready(function () {
        $('body').css({
            'background-image': 'url(' + "@backgroundUrl.ToString()" + ')',
            'background-position': '50% 0%', 'background-attachment': 'fixed'
        });
    });
</script>

Jquery 动态背景图片 url 不起作用

Jquery dynamic background image url does not work

css

asp.net-mvc

jquery

background-image