顯示更多項目

Question

我正在構建一個顯示各個位置的應用程序。

我想單擊顯示更多按鈕一次顯示10個位置。目前，我可以在第一時間顯示10個項目，但第二次點擊所有項目正在顯示，而i want consecutive 10 items each time i click上顯示更多按鈕。

<?php 
    echo 
    "<script> 
    $('ul') 
    .find('li:gt(10)') 
    .hide() 
    .end() 
    .append(
    $('<li><a>Show More</a></li>').click(function(){ 
    $(this).siblings(':hidden').show().end().remove() 
    })); 
    </script>"; 
    ?> 

Answer 1

您一般有兩種選擇。部分HTML可能也有幫助。

1）只搜索十個隱藏的元素，你現在總是搜索10個元素（所以它們總是相同的）。提供的隱藏元素裏，你可以這樣做：

<?php 
echo 
"<script> 
$('ul') 
.find('li:hidden:gt(10)') 
.hide() 
.end() 
.append(
$('<li><a>Show More</a></li>').click(function(){ 
$(this).siblings(':hidden').show().end().remove() 
})); 
</script>"; 
?> 

2）存放的地方顯示的項目的實際數目，每次加10的按鈕，顯示更多的點擊。

<?php 
echo 
"<script> 
var itemsDisplayed = 10; 
$('ul') 
.find('li:gt(itemsDisplayed)') 
.hide() 
.end() 
.append(
$('<li><a>Show More</a></li>').click(function(){ 
itemsDisplayed = itemsDisplayed + 10; 
$(this).siblings(':hidden').show().end().remove() 
})); 
</script>"; 
?>