javascript - 停止使用 jquery 显示一个 div

Question

我有一个加载更多按钮，一旦用户点击屏幕底部就会出现/向上滚动时淡出。像这样:

$(window).bind("scroll", function() {
    if ($(document).height() <= ($(window).height() + $(window).scrollTop())) {
    $("#loadmorebuilds-div").fadeIn();
    } else {
    $("#loadmorebuilds-div").fadeOut();
    }
});

这是我用来加载新内容的方法:

$(document).ready(function(){
    var pageIndex = 1;
    $('#loadmorebuilds-div').click(function() {
        $('#buildcontainer').imagesLoaded( function(){
        $.ajax({
           url: 'includes/loadmorebuilds.php?type=follow&pageIndex=' + pageIndex,
           success: function(html) {
              var el = jQuery(html);
              jQuery("#buildcontainer").append(el).masonry( 'reload' );
              $("#loadmorebuilds-div").stop().fadeOut();
              pageIndex++;
              $("#buildcontainer").masonry()

              rowCount = $('#countvar').length;
              if (rowCount < 8) {
              window.location.replace("http://localhost/buildsanctuary/index.php");
              }
           }

        });

    });

});
});

这部分在这里，检查返回的数据量，如果小于请求的，则意味着没有更多数据可显示。

rowCount = $('#countvar').length;
if (rowCount < 8) {
    window.location.replace("http://localhost/buildsanctuary/index.php");
}

页面重定向只是为了测试它是否正常工作，我想要的是不允许页面再次显示加载更多按钮。

我该怎么做？

我尝试更改类(class)，例如

$("#loadmorebuilds-div").attr("class", "loadmorebuild-divhidden");

但这不起作用，隐藏类只是display:none。

谢谢。

Answer 1

通过将其从 dom 中删除来对其进行排序

.remove()

不知道为什么我没有想到这一点!