求教關于Jquery的ul li的分頁

ul?下有若干個li?3個為1個分頁?1個input按鈕點擊顯示后3個?另一個顯示前3個?求大神這個怎么做

分享到：

更多

------解決方案--------------------

html?PUBLIC?"-//W3C//DTD?XHTML?1.0?Transitional//EN"?"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

無標題文檔

$(document).ready(?function()?{

var?total?=?Math.ceil($("ul?li").length?/?3);

var?current?=?1;

$("ul?li:gt(2)").hide();

$("#btnPrev").attr("disabled",?"disabled").click(?function()?{

$("#btnNext").removeAttr("disabled");

current?-=?1;

$("ul?li").show();

var?indexStart?=?(current?-?1)?*?3;

var?indexEnd?=?indexStart?+?2;

$("li:lt("?+?indexStart?+?"),?li:gt("?+?indexEnd?+?")",?$("ul")).hide();

if?(current?==?1)?$(this).attr("disabled",?"disabled");

});

$("#btnNext").click(?function()?{

$("#btnPrev").removeAttr("disabled");

current?+=?1;

$("ul?li").show();

var?indexStart?=?(current?-?1)?*?3;

var?indexEnd?=?current?*?3?-?1?>?$("ul?li").length?-?1???$("ul?li").length?-?1?:?current?*?3?-?1;

$("li:lt("?+?indexStart?+?"),?li:gt("?+?indexEnd?+")",?$("ul")).hide();

if?(current?==?total)?$(this).attr("disabled",?"disabled");

});

});

• 01
• 02
• 03
• 04
• 05
• 06
• 07

總結

以上是生活随笔為你收集整理的jquery li ul 伪分页_求教关于Jquery的ul li的分页,该怎么处理的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。