我有一個index.html,裏面有一個容器,我想通過點擊加載ajax的內容。它看起來像這樣:ajax - 一個文件中元素的增量加載
<div id="loadcontent"></div>
<div id="more">Load More</div>
你是唯一一個有很多的div的內容文件:它加載只是一個DIV
$(document).ready(function() {
var countItem = 0;
$('#more').click(function(){
countItem ++;
$('<div/>').appendTo('#loadcontent').load('content.html #' + countItem)
.hide()
.fadeIn(1000);
});
});
現在:
<div id="1" class="content">One</div>
<div id="2" class="content">Two</div>
<div id="3" class="content">Three</div>
<div id="4" class="content">Four</div>
<div id="5" class="content">Five</div>
<div id="6" class="content">Six</div>
<div id="7" class="content">Seven</div>
<div id="8" class="content">Eight</div>
<div id="9" class="content">Nine</div>
<div id="10" class="content">Ten</div>
<div id="11" class="content">Eleven</div>
<div id="12" class="content">Twelve</div>
這裏是jQuery代碼當點擊加載更多按鈕時,導致它計算ID。
是否有可能使用ajax加載下三個或更多的div並將它們附加到已經加載的div上?如果是的話,我如何才能做到這一點? 例如:第一次點擊:1-3,第二次點擊:1-6,第三次點擊:1-9等...
任何幫助將不勝感激。
UPDATE:
我不想加載內容一次,然後顯示它使用.show()
或類似的東西。它應該是每次點擊的ajax請求。
添加只是要一個請求,並存儲在一個變量的響應。然後添加到容器每次點擊。沒有必要一遍又一遍地請求同一個文件。 – charlietfl
您可以讓服務器端文件一次只生成3個元素。你傳遞了所有收到的元素的數量,然後讓一個ajax獲得3個元素 – user3284463