我有一个动态创建帖子列表的网站,我无法访问创建内容的功能,所以我必须处理输出的内容.
该函数以列表格式创建21个项目(一个在另一个上面).我想要达到的目标可能是一次只能看到7个,并且可以通过箭头导航对各种项目进行随机播放.
$("#wrap > div").slice(0,7).css("background","yellow");
$("#wrap > div").slice(7,14).css("background","red");
$("#wrap > div").slice(14,21).css("background","blue");
使用.slice我已经能够设置7个集合,但就如何隐藏和滚动集合而言,我有点迷失.
任何帮助将不胜感激
最佳答案
DEMO
var page = 1;
$("#wrap > div").slice(0,7).addClass('page1').css("background",14).addClass('page2').css("background","red").hide();
$("#wrap > div").slice(14,21).addClass('page3').css("background","blue").hide();
var maxPage = 3;
$('.next').on('click',function() {
if (page < maxPage) {
$("#wrap > div:visible").hide();
$('.page' + ++page).show();
}
})
$('.prev').on('click',function() {
if (page > 1) {
$("#wrap > div:visible").hide();
$('.page' + --page).show();
}
})
