Question

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

在我的布局中，我正在缓存我的图像的路径，但我无法使jquery正确显示它。 background-position和background-attachment属性正在运行，但是jquery没有创建background-image。这就像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脚本中使用变量的方法 “@variable name”

@{

    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动态背景图片网址不起作用

1 个答案: