当用户刷新页面或点击不同的页面时,我想在背景图像文件夹中显示不同的背景图像。
在我的布局中,我正在缓存我的图像的路径,但我无法使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>
答案 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>