想要在jquery mobile中从一个数据角色加载前10个div
想要在jquery mobile中从一个数据角色加载前10个div
提问于 2014-12-19 06:10:02
我刚开始学习jquery手机，我创建了一个文件，其中有5个数据角色页面，每个数据角色页面包含30个div，我想要的是先加载10个div，
当我单击到html5时，它一次加载html5页面30 div，我希望先加载10个div，然后单击load，再加载10个div，这里的html5结构如下所示
<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>但是没有成功，如果有人在这方面帮助我，那就太好了--谢谢
回答 1
Stack Overflow用户
回答已采纳
发布于 2014-12-19 06:30:47
试一试
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;
});演示
注意：我只使用了2个divs，您必须更改为10个
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/27560611
复制相关文章
相似问题
腾讯云开发者
