想要從jquery mobile中的一個數據角色加載第一個10格

我剛剛在學習階段jquery mobile新手我已經創建了一個文件，其中有5個數據角色頁面，每個數據角色頁面都包含30個div，要的是我想加載只有10 div的第一，想要從jquery mobile中的一個數據角色加載第一個10格

當我點擊HTML5加載HTML5第30周的div同時我想10格加載第一和旁邊點擊加載另一個10個div的這裏是[小提琴]（http://jsfiddle.net/pfxyLqLh/3/）結構是這樣

<div data-role="page" id="html5"> 
<div class="div1"> 
</div> 
<div class="div1"> 
</div> 
. 
. 
. 
<div class="div1"> 
</div> 
</div> 
<div data-role="page" id="css"> 
<div class="div1"> 
</div> 
<div class="div1"> 
</div> 
. 
. 
. 
<div class="div1"> 
</div> 
</div> 
<div data-role="page" id="jquery"> 
<div class="div1"> 
</div> 
<div class="div1"> 
</div> 
. 
. 
. 
<div class="div1"> 
</div> 
</div>

我試着寫簡單的jQuery與

<script> 
$(document).ready(function() { 

$("#html5 .div1").slice(0, 10).each(function(index) { 
    alert("dfdf"); 
}); 
}); 
</script>

但沒有成功這將是巨大的，如果有人幫我在這感謝

來源

2014-12-19 nikita

您需要先顯示10個div仍然隱藏？ – Balachandran 2014-12-19 06:13:07

首先10個div應該是可見的，其他的會隱藏，當我點擊下一個按鈕時，下一個10 div將被加載 – nikita 2014-12-19 06:14:47

這種divs id =「css」，id =「jquery」 – Balachandran 2014-12-19 06:17:10

嘗試

var i=2;// two show 2 box 
$("#html5 .div1").slice(i-2, i).show(); 
i+=2; 
$("button").click(function() { 
    $("#html5 .div1").hide().slice(i-2, i).show(); 
    i+=2; 

});

DEMO

注意：我只用2個div顯示，你有t o改爲10

來源

2014-12-19 06:30:47 Balachandran

是現在你顯示2點擊divs，但我想要的是顯示10個div加載和接下來的10 divs當你點擊按鈕並隱藏第1到10和顯示11到20 div – nikita 2014-12-19 06:52:05

現在檢查DEMO – Balachandran 2014-12-19 07:48:23

Thanku我也嘗試了一下nd製作它的工作感謝 – nikita 2014-12-19 09:11:40

想要從jquery mobile中的一個數據角色加載第一個10格

回答

相關問題