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가 설정되어 있지 않습니다. 너 나 좀 도와 줄 수있어?

편집 :하지만 크롬

Answer 1

을 작동 했어 :

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

Answer 2

에서 IE에서 작업이 귀하의 코드를 기반으로 작동합니다 :

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