1

一度に 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
    }
});

}); </p>

4

1 に答える 1

0

コンテナが必要なすべての情報を保持している場合、css を display:none 以外に変更する必要はありません。これは、そこにどんなコンテンツがあっても、何も表示されないことを意味します。アラートが不要な場合は、削除してください。その部分がよくわかりません。

于 2012-08-16T20:32:20.230 に答える