jquery - 如何在jquery中指定的div中加载图像

Question

我需要在小提琴 http://jsfiddle.net/ramapriya/xeYnv/5/中提到的每个动态生成的 div 中添加下面附加的透明图像

for (var i = 0; i < columns; i++) {
    var $col = $("<div />", {
        class: "col",
        style: "background: " + get_random_color() + ";",
        id : ii + "-" + i
    });
    $row.append($col);
}

Answer 1

您可以在这一行尝试这种方式：

改变这一行：

style: "background: " + get_random_color() + ";",

有了这个：

style: "background: url('http://i.stack.imgur.com/OBZ7q.png') 0 0 no-repeat;",

http://i.stack.imgur.com/OBZ7q.png图片的路径在哪里。

演示小提琴

编辑：

您可以这样放置随机颜色：

style: "background: url('http://i.stack.imgur.com/OBZ7q.png') 0 0 no-repeat" + 
                    get_random_color() + ";",

使用随机颜色和背景图像更新了 Fiddle

Answer 2

您可以尝试使用背景速记来设置颜色和背景图像。

代码：

for (var i = 0; i < columns; i++) {
    var $col = $("<div />", {
        class: "col",
        style: "background: " + get_random_color() + " url('http://i.stack.imgur.com/OBZ7q.png');",
        id : ii + "-" + i
    });
    $row.append($col);
}

演示：http: //jsfiddle.net/xeYnv/7/