Question

我正在使用Jquery从我的网站中选择一个HTML对象。

<div id="banner">
  <!-- stuff in here -->
</div>

我正在使用此代码：

$(window).load($(function()
{
    var elem = $("#banner");
    var top = elem.offset().top;
    var maxTop = $("#footer").offset().top - elem.height();
    var scrollHandler = function()
    {
      var scrollTop = $(window).scrollTop();
      if (scrollTop<top) {
        elem.css({position:"relative",top:""})
      } else if (scrollTop>maxTop) {
        elem.css({position:"absolute",top:(maxTop+"px")})
      } else {
        elem.css({position:"fixed",top:"0px"})
      }
    }
    $(window).scroll(scrollHandler);scrollHandler()

}));

但是我一直收到错误“未捕获的TypeError：无法读取未定义的属性'top'”

出于某种原因，它没有看到div'横幅'。

知道为什么吗？

编辑：

根据下面的建议，我将代码从$（window）.load更改为$（document）.ready。还是一样的问题。

$(document).ready($(function()
{
    var elem = $("#banner");
    var top = elem.offset().top;
    var maxTop = $("#footer").offset().top - elem.height();
    var scrollHandler = function()
    {
      var scrollTop = $(window).scrollTop();
      if (scrollTop<top) {
        elem.css({position:"relative",top:""})
      } else if (scrollTop>maxTop) {
        elem.css({position:"absolute",top:(maxTop+"px")})
      } else {
        elem.css({position:"fixed",top:"0px"})
      }
    }
    $(window).scroll(scrollHandler);scrollHandler()

}));

Answer 1

您将jQuery对象传递给加载函数而不是函数。尝试删除主回调周围的$（）。 e.g。

$(window).load(function()
{
var elem = $("#banner");
var top = elem.offset().top;
var maxTop = $("#footer").offset().top - elem.height();
var scrollHandler = function()
{
  var scrollTop = $(window).scrollTop();
  if (scrollTop<top) {
    elem.css({position:"relative",top:""})
  } else if (scrollTop>maxTop) {
    elem.css({position:"absolute",top:(maxTop+"px")})
  } else {
    elem.css({position:"fixed",top:"0px"})
  }
}
$(window).scroll(scrollHandler);scrollHandler()

});

注意：使用$（window）.load（）代替$（document）.ready（）并没有任何错误本身，正如这里的一些人所建议的那样。第二个更惯用，因为它更早执行（让用户更快地与您的页面交互）。有关详细信息，请参阅此链接：http://4loc.wordpress.com/2009/04/28/documentready-vs-windowload/

Answer 2

$(window).load($(function()   // Passing a jQuery Object Here

原来是

$(window).load( function()   //

如果不起作用，请将其替换为

$(document).ready( function()

无法获得元素

2 个答案: