mvc3 jquery无限滚动

时间:2014-03-15 20:45:24

标签: jquery asp.net-mvc-3 infinite-scroll

我试图在我的页面上进行无限滚动,如果用户到达页面上的某个部分,它会自动从数据库中获取更多文件,就像facebook所做的那样。我的代码没有用,但我能在这里找到的是我拥有的......

<script>
$(document).ready(function ()
{  
 $(window).scroll(function () {
              if ($(window).scrollTop == $(document).height() - $(window).height()) {
                alert('here');
                  $.ajax({
                      type: "GET",
                      url: "Account/feeds"
                  });

              }

          });
 });

</script>

     @using (Ajax.BeginForm("feeds", "Account", new AjaxOptions
 {
UpdateTargetId = "globe",
InsertionMode = InsertionMode.Replace,
HttpMethod = "GET",

  }))
   {

 // my form here
}

}

 <div id="globe">

    </div>

我的帐户/ Feed是部分浏览

public PartialViewResult feeds(// attributes)

  {
       // here I just basically get 10 records from the database and return back to the   page                   

    }

我知道帐号/ feed的工作原理是因为当页面加载时我点击了Ajax.Form搜索并加载了10条记录但是当我滚动到页面底部10时应该加载更多的记录但不要。这让我相信上面的Jquery代码是不正确的任何建议?

我还在jquery代码上放了 alert here ,它没有弹出

1 个答案:

答案 0 :(得分:0)

简单改变你的

if ($(window).scrollTop

 if ($(window).scrollTop()