Jquery 每次到达页面底部时加载内容

我目前正在尝试在每次到达页面底部时加载内容。（类似于它在9GAG上的工作原理）。 这是我的代码：

$(window).scroll(function() {
  if($(window).scrollTop() + $(window).height() > $(document).height() - 300) {
  $(window).unbind('scroll');

   $.get( "content.html", function( data ) {
       $("#div").append(data);
       $(window).bind('scroll');
    });
   }   
});

显然它只工作一次，尽管我使用$（window.bind（'scroll'）。 有什么方法可以让它每次都加载吗

编辑：问题是我使用了而不是=，这导致$.get被多次触发，如果我不解除事件绑定的话。使用==它可以正常工作。

这样做：

$(window).scroll(function () {

if ($(window).scrollTop() + $(window).height() == $(document).height()) 
   {

        $.get( "content.html", function( data ) {

        $("#div").append(data);

       });
   }
});

这是我在应用程序中实现它后所做的一次更改。

请执行以下操作：

$(window).scroll(function () {

if ($(window).scrollTop() + $(window).height() == $(document).height()) 
   {

        $.get( "content.html", function( data ) {

        $("#div").append(data);

       });
   }
});

这是我在应用程序中实现它后所做的一次更改。

请执行以下操作：

$(window).scroll(function () {

if ($(window).scrollTop() + $(window).height() == $(document).height()) 
   {

        $.get( "content.html", function( data ) {

        $("#div").append(data);

       });
   }
});

这是我在应用程序中实现它后所做的一次更改。

请执行以下操作：

$(window).scroll(function () {

if ($(window).scrollTop() + $(window).height() == $(document).height()) 
   {

        $.get( "content.html", function( data ) {

        $("#div").append(data);

       });
   }
});

---

这是我在应用程序中实现它后做的一次修改。

您不必解除滚动事件的绑定。 您可以创建var，如果允许提取数据，它将作为标志，并在get函数之前设置为false，在get回调之后设置为true

---

将该标志添加到if语句中，这将解决问题。

您不必解除滚动事件的绑定。 您可以创建var，如果允许提取数据，它将作为标志，并在get函数之前设置为false，在get回调之后设置为true

---

将该标志添加到if语句中，这将解决问题。

您不必解除滚动事件的绑定。 您可以创建var，如果允许提取数据，它将作为标志，并在get函数之前设置为false，在get回调之后设置为true

---

将该标志添加到if语句中，这将解决问题。

您不必解除滚动事件的绑定。 您可以创建var，如果允许提取数据，它将作为标志，并在get函数之前设置为false，在get回调之后设置为true

---

将标志添加到if语句中，这将解决问题。

为什么要取消绑定滚动？这将在第一次调用处理程序后有效地关闭处理程序？为什么要取消绑定滚动？这将在第一次调用处理程序后有效地关闭处理程序？为什么要取消绑定滚动？这将在第一次调用处理程序后有效地关闭处理程序？为什么要取消绑定滚动？在第一次调用后，这将有效地关闭处理程序？