Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/csharp/324.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 创建div并向其添加背景图像_Javascript_C#_Jquery_Html_Css - Fatal编程技术网

Javascript 创建div并向其添加背景图像

Javascript 创建div并向其添加背景图像,javascript,c#,jquery,html,css,Javascript,C#,Jquery,Html,Css,我已经设法在我想要的地方制作了一个div,但是当涉及到添加背景图像时,我就是做不到 我用循环创建div,然后在相同的循环中尝试向其添加背景图像。我不知道这是问题还是别的什么,如果是这样的话,请帮我再做一个 我试着做一些类似于itemContainer[I]的事情,但我也无法让它起作用 更新:原因是我的数组是空的,但我真的不知道我做错了什么 var cicon = []; $.ajax({ url: '/json/test.json', dataType: 'json',

我已经设法在我想要的地方制作了一个div,但是当涉及到添加背景图像时,我就是做不到

我用循环创建div,然后在相同的循环中尝试向其添加背景图像。我不知道这是问题还是别的什么,如果是这样的话,请帮我再做一个

我试着做一些类似于
itemContainer[I]
的事情,但我也无法让它起作用

更新:原因是我的数组是空的,但我真的不知道我做错了什么

var cicon = [];

$.ajax({
    url: '/json/test.json',
    dataType: 'json',
    type: 'get',
    cache: false,
    success: function(data) {
        $(data.test).each(function(index, value) {
            cicon.push(value.Icon);
            /*console.log(value.Icon) works here, 
            so there's something wrong when I'm adding it to the array.*/
        });
    }
});

for (var i = 0, n = 10; i < n; i++) {
    var itemContainer = document.createElement("div");
    itemContainer.id = "div" + i;
    itemContainer.innerHTML = "item" + i;

    itemContainer.style.width = "86px";
    itemContainer.style.height = "86px";
    itemContainer.style.margin = "5px";
    itemContainer.style.border = "2px solid black";
    itemContainer.style.borderRadius = "10px";
    itemContainer.style.float = "left";

    var iconstring = 'url(\'' + cicon[i] + '\')';
    itemContainer.style.backgroundSize = "100% 100%";
    itemContainer.style.backgroundImage = iconstring;


    document.getElementById('page').appendChild(itemContainer);
}   
var cicon=[];
$.ajax({
url:“/json/test.json”,
数据类型:“json”,
键入:“get”,
cache:false,
成功:功能(数据){
$(data.test)。每个(函数(索引、值){
cicon.push(value.Icon);
/*console.log(value.Icon)在这里工作,
因此,当我将它添加到数组中时,出现了一些错误*/
});
}
});
对于(变量i=0,n=10;i
如果有人想知道,该数组包含的URL如下所示:

如果您重新声明:

var cicon = []; 
您只需清空数组变量

例如:

var cicon=[];
函数doWork(){
对于(变量i=0;i

您的脚本没有问题,但是您需要在
cicon
中使用元素。e、 g

var cicon=[“url1”、“url2”、…]


在这里查看一个工作示例:

@Jecoms,slash正在转义'。我会自己使用
“url('“+cicon[I]+”)”
,但这是valid@DelightedD0D当然可以。Mind compiler处于插值模式,还修剪了外部字符串的单引号。是的,我在另一个函数中添加了它们,所以它不是空的。我把它放错了位置。我在向它添加内容而不是在函数中使用它之前声明。对不起。实际上,我正在解析一个json文件,并将其中的值添加到数组中。我明天再试一次,不知道我做错了什么。嗯,嗯。可能就是这样。但我明天会尝试一下,如果有效的话,我会接受你的答案。谢谢它起作用了,有点。它一次又一次地重复着几张图片。如果我有(var I=0;I<20;I++),它会重复20个图像(cicon 0-19)429次。我确实通过删除测试阵列来更改它。Nvm,这是有道理的。我想如果我做了,我得到了正确的东西。我试过了,但它不能处理所有的429,所以它崩溃了。Idk真的,我会想办法的。谢谢你的帮助@EagL您的浏览器和其他浏览器一样有限!没有解决办法:图像太多。。。。那么,最后,现在你可以接受并投票了?