试图让我的“加载更多”按钮一次加载5个滑块

Question

我正在尝试一次显示5个滑块，因此当您单击“加载更多”按钮时，将显示5个以上的滑块。 我也不想要警报，我只是希望更多的负载消失。 不幸的是，我所有的滑块都保持隐藏状态，该按钮不起作用。 这就是我所拥有的...

在我的CSS中：

.container {
display: none;
}

我的HTML是15个div，其中包含滑块，底部是“加载更多”按钮：

<div class="container"></div>
<a href="#" id="load">Load More</a>​

我的jQuery是：

$(window).load(function() {
$(".container").slice(0, 5).show(); // select the first five
$("#load").click(function(e){ // click event for load more
    e.preventDefault();
    $("container:hidden").slice(0, 5).show(); // select next 5 hidden divs and show them
    if($(".container:hidden").length == 0){ // check if any hidden divs still exist
        alert("No more divs"); // alert if there are none left
    }
});

}）;

Answer 1

如果容器保存着您想要的所有信息，那么您在任何地方都可以将其更改为display：none。 这意味着无论其中包含什么内容，都不会显示任何内容。 如果您不想要警报，只需删除它？ 我不太明白那部分。