分页

/***************************PC端按钮分页**************************/
//参数：数据存放父容器、翻页按钮容器、数据项数组、创建数据回调函数、每页显示个数
function changeSingerList(parentBox,BtnBox,arr,func,term){
var temp=1;//页码判断
if(arr.length>0){
var pageNum=Math.ceil(arr.length/term);
BtnBox.innerHTML='';
BtnBox.style.display='block';
//for(var j=(temp-1)*(10*temp);j<10*temp&&j<arr.length;j++){
// var newdiv=func(arr[j]);
// parentBox.appendChild(newdiv);
//}
creatItem();
//创建按钮
for(var i=0;i<pageNum;i++){
var pageBtn=loadPageBtn(i+1);
//pageBtn.onclick= function () {
// temp=Number(this.innerText);
// parentBox.innerHTML='';
//for(var j=(temp-1)*10;j<10*temp&&j<arr.length;j++){
// var me=func(arr[j]);
// parentBox.appendChild(me);
//}
//creatItem();
//};
BtnBox.appendChild(pageBtn);
}
}
else{
BtnBox.style.display='none';
parentBox.innerHTML='当前类目下没有内容可供显示';
}
/*************创建分页按钮事件***************/
function loadPageBtn(num){
var btn=document.createElement('button');
//btn.innerText=num;
btn.innerText=num;
btn.onclick=function(){
temp=num;
parentBox.innerHTML='';

creatItem();
}
return btn;
}
//调用回调函数创建数据项
function creatItem(){
for(var j=term*(temp-1);j<term*temp&&j<arr.length;j++){
var newdiv=func(arr[j]);
parentBox.appendChild(newdiv);
}
}
}