jquery - 使用 jQuery 设置 div 背景图片 url

Question

var _options = {
        button_delete_src: '/Content/images/delete_button.png'
    };

var _css = {
        button_delete: {
            'background': 'url(\'' + _options.button_delete_src + '\') no-repeat;'
        }
    };

$('<div></div>').css(_css.button_delete).appendTo(container);

创建的 div 没有在呈现的 html 中设置背景 css。你能帮助我吗？

编辑：在 IE 中工作，但不在 Chrome 中

Answer 1

这应该根据您的代码工作：

$('<div></div>').css('background',_css.button_delete.background).appendTo(container);

但我认为你想要这样的东西：

var $div =  $('<div></div>');    
for(var key in _css.button_delete)
    $div.css(key,_css.button_delete[key]);

$div.appendTo(container);

Answer 2

终于让它工作了：

$(function(){
var _options = {
    button_delete_src: 'http://bigcrow.files.wordpress.com/2010/03/my-tattoo.jpg'
};

var _css = {
    button_delete: {
        'width': '1000px',
        'height':'1000px',
        'background': 'url(' + _options.button_delete_src + ') no-repeat'
    }
};

$('<div></div>').css(_css.button_delete).appendTo('#container');
});