Question

我刚接触jquery mobile只是在学习阶段我创建了一个文件，其中5个数据角色页面，每个数据角色页面包含30个div，我想要的是我想首先只加载10个div，

当我点击html5时，它一次加载html5页30个div我希望首先加载10 div然后再点击加载另外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>

但没有成功如果有人帮助我，那就太好了感谢

Answer 1

试

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显示，你必须更改为10

想要在jquery mobile中从一个数据角色加载前10个div

1 个答案: