用jQuery设置di​​v背景图像url

时间:2012-11-08 08:45:28

标签: jquery html css

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中工作

2 个答案:

答案 0 :(得分:0)

这应该基于您的代码:

$('<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);

答案 1 :(得分:0)

终于搞定了:

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