jQuery'css不是't向正文添加背景属性
jQuery's .css isn't adding background attribute to body
当我试图为背景创建一个图像网格时,我需要能够通过jQuery将background-image
属性添加到body
的css中,但它不起作用。下面的代码返回了正确的值,但我最后看到的只是一个空白页。
<body>
<script>
$('body').css('background-image', function() {
var position = 0,
image = '';
for(var x=1; x<=4; x++) {
// 4 rows
for(var y=1; y<=8; y++) {
// 8 columns
position++;
image += 'url(img/bg/' + position + '.jpg)';
if(x<=4 && y<8) { image += ','; }
}
}
console.log(image);
return image;
});
</script>
正如您所看到的,我是在创建body
标记之后进行脚本工作的,所以我的理解是,我不需要$(function(){})
来实现事情。
有人能看到是什么阻止了它的工作吗?
您的if
条件是错误的,因此您在每8个URL之后都会遗漏,
。
$(function() {
$('body').css('background-image', function() {
var position = 0,
image = '';
for (var x = 1; x <= 4; x++) {
// 4 rows
for (var y = 1; y <= 8; y++) {
// 8 columns
position++;
image += 'url(img/bg/' + position + '.jpg)';
if (x < 4 || y < 8) {
image += ',';
}
}
}
console.log(image);
return image;
});
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
我喜欢这样做的方式是将元素推送到数组中,然后使用array.join(',')
构造字符串。
相关文章:
- IE DIV悬停区域不一样.直到我添加背景颜色
- jquery onclick 为拉出添加背景叠加
- 在网站的JS文件中添加背景图像
- 悬停链接时添加背景图像
- 如何添加背景颜色仅滚动菜单
- 如何使用ngStyle(angular2)添加背景图像
- jQuery'css不是't向正文添加背景属性
- 如何添加背景图像的角度
- 如何添加背景和文字的颜色分别为白色和黑色的导航在引导时,它被点击
- 在angularjs中添加背景图像,CSS不起作用
- 添加背景颜色点击
- 添加背景图像时,文本区域变为透明
- 如何添加背景音乐的视频在html5
- 添加背景图片&可拖动图像到HTML5画布
- 如何添加背景颜色到动态JS舞台或层
- 使用jQuery在cakephp布局中为主体添加背景图像
- 添加背景图片到Javascript "Pong"游戏
- 添加背景图像属性到Jquery
- 向单元格和单元格所在的行添加背景图像
- 在背景颜色函数下添加背景图像