jquery .top无法正常工作

Question

我在jquery代码中使用top属性时遇到错误。代码是关于滑块上的导航点。这是我的网页链接：http://54.169.61.153/teavana 以下是我的代码。我在控制台中收到错误说： 未捕获的TypeError：无法读取属性＆＃39; top＆＃39;未定义的

  $(document).ready(function () {
    var one = $("#slider").offset();
    var two = $("#tabsDiv").offset();
    var three = $("#teaWare").offset();
    var four = $("#videoo").offset();
    $(window).scroll(function () {
        var screenPosition = $(document).scrollTop();
        if (screenPosition < one.top) {
            $(".teavanamenu li a").removeClass("active");
            $(".teavanamenu li a.menu1").addClass("active");
        }
        if (screenPosition >= two.top) {
            $(".teavanamenu li a").removeClass("active");
            $(".teavanamenu li a.menu2").addClass("active");
        }
        if (screenPosition >= three.top) {
            $(".teavanamenu li a").removeClass("active");
            $(".teavanamenu li a.menu3").addClass("active");
        }
        if (screenPosition >= four.top) {
            $(".teavanamenu li a").removeClass("active");
            $(".teavanamenu li a.menu4").addClass("active");
        }
    });
    $(window).scroll();
    $(".one, .two").click(function () { $(window).scroll(); });
});

我不确定为什么它无法阅读该物业的顶部。有什么帮助吗？