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");
}

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

我该如何解决这个问题？

我尝试改变这个类，例如

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

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

感谢。

Answer 1

使用

将其从dom中删除，对此进行排序

.remove()

不知道为什么我没想到这个！

停止使用jquery显示div

1 个答案: