通过Javascript更改页面背景

Question

我一直试图让这个工作过去6个小时，我只是无法做到这一点。我已经看过关于SO的问题和解决方案，但无济于事。我在做什么可怕的错误？！？

我所拥有的是一个没有背景的html5页面。在我的javascript代码我呼吁这个方法时，该文件已准备就绪：

/* 
* Initializes the landing page. 
*/ 
function initializeLanding(){ 
    $('body').css({ 
     'backround':'url("http://40.media.tumblr.com/290e7a272b492735ddf8cd968e657d05/tumblr_nhmg6xYnv41u7ns0go1_1280.jpg")' 
    }); 
} 

它应该是太简单，可是我在这里。我尝试过使用单引号，双引号，没有多个属性等等。我也宁愿不使用CSS或DOM属性来改变背景，因为我沿着页面设置了方向点，以便在滚动时改变背景他们。另外，如果我调用.css（）方法并添加新属性，它会覆盖所有旧属性，还是只覆盖最新css（）调用中指定的属性？

更新：这里就是我所说的功能：

var main = function(){               
     $(".owl-carousel").owlCarousel();           
     lorem();                  
     initializeLanding();               
    }                    
    $(document).ready(main); 

Answer 1

你有拼写错误。

背景=>背景。

Answer 2

检查这个demo

你有拼写错误。更换底色到背景

function initializeLanding(){ 
    $('body').css({ 
    'background':'url("http://40.media.tumblr.com/290e7a272b492735ddf8cd968e657d05/tumblr_nhmg6xYnv41u7ns0go1_1280.jpg")' 
    }); 
    }