我有一些javascript,我用来调整我的背景图像以适应我的窗口。有些令人困惑的事情正在发生,我只是没有得到。
Firebug和我认为我的页面无法识别我的resizeFrame
函数,除非我将它放在body块下面。为什么呢?
为什么我收到错误:$(window).height is not a function
?
任何建议或见解都会有所帮助。
<!-- 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>
答案 0 :(得分:3)
你有答案。 window.height
不是函数。
您希望将$(window).height()
更改为window.screen.height
以获取值。
与宽度相同。
答案 1 :(得分:1)
如果你在wordpress下开发,你应该使用jquery()而不是$()。 在你的代码中你有
jQuery.event.add(window,“resize”,resizeFrame);
和
var h = $(window).height();
这就是你犯错的原因