无限滚动不适用于jquerymobile.js

Question

我需要使用我的jquery移动项目进行无限滚动。我的无限滚动代码效果很好但是当我将jquery.mobile-1.2.0.min.js添加到我的页面时，无限滚动不起作用。

这是我的代码：

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script src="https://ajax.aspnetcdn.com/ajax/jquery.mobile/1.2.0/jquery.mobile-1.2.0.min.js"></script>

<script type="text/javascript">

    $(window).scroll( function() {
        if($(window).scrollTop() == $(document).height() - $(window).height())
        {
            alert("it works");
        }
    });

</script>

Answer 1

这应该有效：

$(window).scroll(function () {
 if ($(this).scrollTop() + 1 >= $('body').height() - $(window).height()) {
  console.log("infinite scroll works"); 
 }  

}）;