Jquery 试图得到我的;“加载更多”;按钮一次加载5个滑块

Jquery 试图得到我的;“加载更多”;按钮一次加载5个滑块,jquery,Jquery,我试图一次显示5个滑块,这样当您单击“加载更多”按钮时,将显示5个滑块。我也不想要警报,我只是想要更多的负载解除。不幸的是,我所有的滑块都隐藏了,按钮也不起作用。这是我所拥有的 在我的CSS中: .container { display: none; } 我的HTML是15个div,其中包含滑块,底部是load more按钮: <div class="container"></div> <a href="#" id="load">Load More</

我试图一次显示5个滑块,这样当您单击“加载更多”按钮时,将显示5个滑块。我也不想要警报,我只是想要更多的负载解除。不幸的是,我所有的滑块都隐藏了,按钮也不起作用。这是我所拥有的

在我的CSS中:

.container {
display: none;
}
我的HTML是15个div,其中包含滑块,底部是load more按钮:

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

}));​

如果容器保存了您想要的所有信息,那么除了display:none之外,您将不会更改它的css。这意味着,无论其中包含什么内容,都不会显示任何内容。如果你不想要警报,就删除它?那部分我不太懂。

你有什么错误吗?javascript块在document.ready块中吗?有趣的是它在这里工作得很好。。。在JSFIDLE中,您使用的是document.ready块,而不是为窗口的load Event设置处理程序,那么肯定还有其他问题。正如您所展示的,您的代码确实在JSFIDLE中工作,因此您需要找出页面上的代码与放入JSFIDLE的代码之间的差异。如果您在控制台中没有收到任何错误,并且您的代码没有运行,那么它就永远不会被执行。要么太多,要么不够
}
,或者该行之前的某个其他行写得不正确,一个多余的逗号。。。基本上,代码中的某个地方出了问题,这就是它不起作用的原因。
$(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
    }
});