使用jquery动态创建div
问题描述：
我正在尝试将背景图像添加到动态生成的div中.当我为背景添加CSS属性时，如下所示，它破坏了我的插件:
I am trying to add a background image to a dynamically generated div. When I add the CSS property for the background, like below, it breaks my plugin:
$("<div>", {
'class': "iviewer_image_mask",
css: "background: url('http://somesite.com/path/to/image.jpg');"
}).appendTo(this.container);
有人知道我在添加背景图片时做错了吗?
Anybody know what I am doing wrong to add the background image?
答
According to some benchmarking reported in this SO question, I believe the most efficient way to create your HTML element using jQuery would be this:
$('<div class="iviewer_image_mask" style="background: url(http://somesite.com/path/to/image.jpg);"></div>').appendTo(this.container);
或者为了增加可读性:
var elm = '<div class="iviewer_image_mask" ' +
'style="background: url(http://somesite.com/path/to/image.jpg);">'+
'</div>';
$(elm).appendTo(this.container);