좌우 클릭 페이지 나누기 방법
pageGames = function(){
var pageFun = function(id_em,fu_ul,fu_lbtn,fu_rbtn){
var id_em = $(id_em),
wrap = $(fu_ul),
lis = wrap.find('li'),
lens = lis.length,
PAGES = 9,
i = 0,
p = Math.ceil(lens/PAGES),// ( )
Fun = function(index){
id_em.find('em').text(index + 1);
wrap.find('ul').eq(index).show().siblings().hide();
};
lis.unwrap();
for(; i < p; i++){
var start = i * PAGES,
end = start + PAGES;
if(end > lens) end = lens;
var liboxs = lis.slice(start,end);
if(i){
liboxs.wrapAll('<ul class="fu_ul clearfix hidden"></ul>');
}else{
liboxs.wrapAll('<ul class="fu_ul clearfix"></ul>');
}
}
id_em.html('<em>1</em>/<i>' + p +'</i>');
$(fu_rbtn).click(function(){
var indexs = +id_em.find('em').text(),
p = +id_em.find('i').text();
if(indexs >= p){
indexs = 0;
}
Fun(indexs);
});
$(fu_lbtn).click(function(){
var indexs = +id_em.find('em').text(),
p = +id_em.find('i').text();
indexs--;
if(indexs){
indexs--;
}else{
indexs = p - 1;
}
Fun(indexs);
});
};
return {
pageFun : pageFun
}
}();
pageList.pageFun('#id_em','#fu_ul','#fu_lbtn','#fu_rbtn');
var pageList = function(){
var oList = $('#list'),
oLi = oList.find('li'),
oPage = $('#page'),
oSpan = oPage.find('span'),
lens = oLi.length,
pages = 3,
i = 0,
str = '',
p = Math.ceil(lens/pages);
oLi.unwrap();
for(; i < p; i++){
var start = i * pages,
end = start + pages;
if(end > lens) end = lens;
var eles = oLi.slice(start,end);
if(i){
eles.wrapAll('<ul class="hidden"></ul>');
}else{
eles.wrapAll('<ul></ul>');
}
str += '<span>'+(i+1)+'</span>';
}
oPage.html(str);
oPage.delegate('span','click',function(){
var index = $(this).index();
$(this).addClass('cur').siblings().removeClass('cur');
oList.find('ul').eq(index).show().siblings().hide();
});
};
pageList();
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
다양한 언어의 JSONJSON은 Javascript 표기법을 사용하여 데이터 구조를 레이아웃하는 데이터 형식입니다. 그러나 Javascript가 코드에서 이러한 구조를 나타낼 수 있는 유일한 언어는 아닙니다. 저는 일반적으로 '객체'{}...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.