jquery - 无限滚动不适用于 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"); 
 }  

});