Javascript 在使用jQuery和JSON在div中设置背景时。。。
我一直在研究一种只使用JSON的数据库的方法,我设法让它工作[谁知道url中的“js/”会使它工作?:'(] 但这不是问题所在,现在我遇到了CSS的问题。好吧,让我们来解释一下 我有一个JSON:Javascript 在使用jQuery和JSON在div中设置背景时。。。,javascript,jquery,html,css,json,Javascript,Jquery,Html,Css,Json,我一直在研究一种只使用JSON的数据库的方法,我设法让它工作[谁知道url中的“js/”会使它工作?:'(] 但这不是问题所在,现在我遇到了CSS的问题。好吧,让我们来解释一下 我有一个JSON: [ { "title":"Facebook", "url":"http://www.facebook.com", "bg":"../img/facebook.png" }, { "title":"Twitter",
[
{
"title":"Facebook",
"url":"http://www.facebook.com",
"bg":"../img/facebook.png"
},
{
"title":"Twitter",
"url":"http://twitter.com",
"bg":"../img/twitter.png"
}
]
此标记:
<section id="links">
<!-- here should be the <a>'s -->
</section>
你需要用反斜杠来转义你的“”***\***我认为问题可能是你定义样式属性的方式
style="background-image:url("'+data[index].bg+'");
右括号后面的引号是关闭你的样式属性。我认为简单地删除它就可以了
style="background-image:url('+data[index].bg+');
或者,用转义单引号替换双引号也可以
style="background-image:url(\''+data[index].bg+'\');
引号不匹配,删除url()
中的双引号起初它不起作用,但我将“bg”:“./img/facebook.png”
改为“bg”:“img/facebook.png”
,它起作用了,谢谢:)
style="background-image:url(\''+data[index].bg+'\');