使用jQuery設置di​​v背景圖片網址

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');
});