由imtech_pager创建的有限jquery简单分页 [英] Limited jquery simple pagination that create by imtech_pager

问题描述

 hi 
 
我想要限制这个简单的jquery分页
 
现在  --->  1   2   3   4   5   6   7   8   9   10  
 
i whant convert ----> < prev  1   2   3  .. 。下一个>单击 3  --->后
 
 < prev  2   3   4  .. 。下一个> 
 
i am use imtech_pager  for  pagination 
 
< pre lang =    Javascript >  
 
  var  pager =  new  Imtech.Pager（）; 
 $（document）.ready（function（）{
 pager.paragraphsPerPage =  12 ;  / /  每页设置金额元素 
 pager.pagingContainer = $（' < span class =code-string>＃content'）;  //  主容器集 
 pager.paragraphs = $（'  div.z'，pager.pagingContainer） ;  //  所需容器集 
 pager.showPage（ 1 ）; 
}）; 
 
 < /   pre   >  
 
 
 html代码 - > 
 
< pre lang =   HTML >  
 
< div  class  =   example >  
< div id =   content >  
< div  class  =   z >  
一个
< div> 
< div  class  =   z  >  
 tow 
< div> 
< div  class  =   z  >  
三
< div> 
< div  class  =   z  >  
四
< div> 
< div  class  =   z  >  
五
< div> 
。 
。 
。 
 < /   div  >  
 < /   div  >  
 
  //  分页数 
< ; div id =   pagingControls >  < /   div  >  
 < /   pre  >  
 
 
请帮助我 有限此分页
 
谢谢

我尝试过：



请帮我解决这个问题

解决方案

（document）.ready（function（）{
pager.paragraphsPerPage = 12 ; // 每页设置金额元素
pager.pagingContainer =

（' #content'）; // 主容器集
pager.paragraphs =

（' div.z'，pager.pagingContainer）; // 所需容器集
pager.showPage（ 1 ）;
}）;

< / pre >


html代码 - >

< pre lang = HTML >

< div class = example >
< div id = content >
< div class = z >
一个
< div>
< div class = z >
tow
< div>
< div class = z >
三
< div>
< div class = z >
四
< div>
< div class = z >
五
< div>
。
。
。
< / div >
< / div >

// 分页数
< ; div id = pagingControls > < / div >
< / pre >


请帮助我 有限此分页

谢谢

我尝试过：



请帮我解决这个问题

hi 

I want limit this simple jquery pagination 

now is --->     1 2 3 4 5 6 7 8 9 10

i whant convert ---->     <prev  1 2 3... next>

after click on 3 --->       <prev  2 3 4... next>

i am use imtech_pager  for pagination

<pre lang="Javascript">

var pager = new Imtech.Pager();
$(document).ready(function() {
    pager.paragraphsPerPage =12; // set amount elements per page
    pager.pagingContainer = $('#content'); // set of main container
    pager.paragraphs = $('div.z', pager.pagingContainer); // set of required containers
    pager.showPage(1);
});

</pre>


html code -->

<pre lang="HTML">

  <div class="example">
     <div id="content">
<div class="z" >
one
<div>
<div class="z" >
tow
<div>
<div class="z" >
three
<div>
<div class="z" >
four
<div>
<div class="z" >
five
<div>
.
.
.
</div>
</div>

//number of pagination
<div id="pagingControls"></div>
</pre>


please help me for limited this pagination

thanks

What I have tried:

please help me for solve this problem

解决方案

(document).ready(function() { pager.paragraphsPerPage =12; // set amount elements per page pager.pagingContainer =

('#content'); // set of main container pager.paragraphs =

('div.z', pager.pagingContainer); // set of required containers pager.showPage(1); }); </pre> html code --> <pre lang="HTML"> <div class="example"> <div id="content"> <div class="z" > one <div> <div class="z" > tow <div> <div class="z" > three <div> <div class="z" > four <div> <div class="z" > five <div> . . . </div> </div> //number of pagination <div id="pagingControls"></div> </pre> please help me for limited this pagination thanks

What I have tried:

please help me for solve this problem

这篇关于由imtech_pager创建的有限jquery简单分页的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！