jQuery .css() 方法不放置背景图片 - 找不到错误资源

Question

这是我的代码的一部分

main.js:

var images = [
"C:\...\Cards\image1.jpg",
"C:\....\Cards\image2.jpg",
"C:\.....\Cards\image3.jpg"
]

$.each(images , function(i, val) {$("#picturebox").append("<div class='card' 
id='" + i + "'><div class='front'></div><div class='back' data-img='" + val 
+ "'></div></div>");
});     

$.each(images, function(i, val) { $("#"+ i + " div:eq(1) 
").css({"background-image": "url(" + val + ")", "background-repeat": "no-
repeat", "background-position" : "center"});
});

css:

#boxcard {
 margin-bottom: 0px; 
}

.card{  
 cursor: point; 
}

.card .front{
 border: 4px solid black;
 background: yellow;
 border-radius: 10px;
}

.back{
 border-radius: 10px;
}

html:

<div id="picturebox"></div>

文件概述： html 文件， css 文件，主文件，图片所在的卡片文件夹

我想要在我的网站上显示图片的卡片。但不知何故 .css() 方法不起作用。控制台显示：找不到错误资源。在控制台中显示找不到文件，因为已删除或已替换。

请问是什么问题？？！

非常感谢您！

Answer 1

请记住，当使用 jquery css 函数时，css 属性将放在应用代码的 html 中（检查元素以查看结果）。在这种情况下，您必须编辑文件路径，使其相对于 html 文件（而不是 js 文件）例如，在 js 文件之外有一个名为 images 的文件夹，而不是写 ../images/filename.png 你必须写 images/filename.png

jQuery .css() 方法不放置背景图片 - 找不到错误资源

jQuery .css() method doesnt put background image - error resource not found

css

jquery

background-image