Jquery动态背景图片网址不起作用

时间:2015-04-23 12:21:23

标签: jquery css asp.net-mvc background-image

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

在我的布局中,我正在缓存我的图像的路径,但我无法使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>

1 个答案:

答案 0 :(得分: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>