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

你有拼写错误。

backround =＆gt;背景

Answer 2

检查此demo

你有拼写错误。将背景替换为背景

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

通过Javascript更改页面背景

2 个答案: