javascript:$(window).height不是函数

时间:2012-02-04 18:01:42

标签: javascript jquery

我有一些javascript,我用来调整我的背景图像以适应我的窗口。有些令人困惑的事情正在发生,我只是没有得到。

  1. Firebug和我认为我的页面无法识别我的resizeFrame函数,除非我将它放在body块下面。为什么呢?

  2. 为什么我收到错误:$(window).height is not a function

  3. 任何建议或见解都会有所帮助。

    <!-- This this placed in <head> block -->
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js"></script> 
    
    <script> <!-- This placed below body block -->
      jQuery.event.add(window, "load", resizeFrame);
      jQuery.event.add(window, "resize", resizeFrame);
    
      function resizeFrame() 
      {
          var h = $(window).height();
          var w = $(window).width();
          $('body').css('background-size', w + 'px ' + h + 'px' );
      }  
    </script>
    

2 个答案:

答案 0 :(得分:3)

你有答案。 window.height不是函数。

您希望将$(window).height()更改为window.screen.height以获取值。

与宽度相同。

答案 1 :(得分:1)

如果你在wordpress下开发,你应该使用jquery()而不是$()。 在你的代码中你有

  

jQuery.event.add(window,“resize”,resizeFrame);

  

var h = $(window).height();

这就是你犯错的原因