连接变量与我的案例中破坏的背景样式

Question

$("#home").append('<div style="background:url("http://example.com/images/'+obj[i]+'.jpg")"');

这里有什么问题？我想我已经把它正确关闭了..

Answer 1

您遇到错误匹配引号的问题 - 您需要转义url属性'值中的双引号，或删除它们。您还没有正确关闭div标记。试试这个：

$("#home").append('<div style="background:url(http://example.com/images/' + obj[i] + '.jpg)"></div>');

Example fiddle

Answer 2

您正在构建的字符串发出的问题：

'<div style="background:url("http://example.com/images/'+obj[i]+'.jpg")"'

让我们假设obj [i] == 1。

你的div会是这样的：

<div style="background:url("http://example.com/images/1.jpg")"

注意两个重要的问题：

1. div没有结束（'＆gt;'字符）
2. style属性为“background：url（” - 具有相同类型的引号会阻止导航器理解您。

尝试使用：

 $("#home").append('<div style="background:url(/'http://example.com/images/'+obj[i]+'.jpg/')">');

祝你好运！