Javascript 如何使用jQuery缩短表分页
我正在处理jQuery表分页。其思想是在表有许多行时显示分页 我已经设法显示所有分页链接，包括上一个和下一个链接，但我还想省略号。。。显示并缩短分页链接，如下所示 这里有一个简单的例子来说明这一点。这就是我现在拥有的： 页码：1 2 3 4[5]6 7 8 9 10 11 这就是我想要实现的目标： 页面：。。。4[5]6 PS：代码应该使用引导样式。请帮忙 守则： $.fn.pageMe=函数选项{ var$this=这个， 默认值={ 每页：7， 下一步：错， hidePageNumbers:错误 }, 设置=$.extenddefaults，opts； var listlement=$this； var perPage=settings.perPage； var children=liselement.children； 变量pager=$'.pager'； 如果设置的类型为.childSelector！=未定义{ children=listElement.findsettings.childSelector； } 如果typeof settings.pagerSelector！=未定义{ 寻呼机=$settings.pagerSelector； } var numItems=children.size； var numPages=Math.ceilnumItems/perPage； 寻呼机数据电流，0； if settings.showPrevNext{ $.appendTopager； } var curr=0； whilenumPages>curr&&settings.hidePageNumbers==false{ $.appendTopager； curr++； } if settings.showPrevNext{ $.appendTopager； } pager.find'.page_链接：first'.addClass'active'； 寻呼机.find'.prev_link'.hide； 如果numPages=1{ 寻呼机.find'.prev_link'.show； } 否则{ 寻呼机.find'.prev_link'.hide； }Javascript 如何使用jQuery缩短表分页,javascript,jquery,html,twitter-bootstrap,pagination,Javascript,Jquery,Html,Twitter Bootstrap,Pagination,我正在处理jQuery表分页。其思想是在表有许多行时显示分页 我已经设法显示所有分页链接，包括上一个和下一个链接，但我还想省略号。。。显示并缩短分页链接，如下所示 这里有一个简单的例子来说明这一点。这就是我现在拥有的： 页码：1 2 3 4[5]6 7 8 9 10 11 这就是我想要实现的目标： 页面：。。。4[5]6 PS：代码应该使用引导样式。请帮忙 守则： $.fn.pageMe=函数选项{ var$this=这个， 默认值={ 每页：7， 下一步：错， hidePageNumbers
如果page我认为您的源代码是有效的！但是可能您忘记设置插件了：
<script src="https://code.jquery.com/jquery-1.11.3.js"></script>
<link rel="stylesheet" type="text/css" href="http://getbootstrap.com/1.4.0/assets/css/bootstrap.css">
我已经按照你的要求显示了省略号。但是，目前它只在你点击任何一个分页链接时起作用。一旦你知道了这个想法，在点击之前显示省略号对你来说很容易。我把这一步留给你，直接向你介绍我所做的事情 在下面的代码中搜索注释//在li start中添加的类和id以查看第一次更改。注释中清楚地提到了它的作用。它添加了id和类以供将来参考。 搜索注释//从这里开始添加几行，从下面的代码开始查看其他代码。首先，我们隐藏除上一个和下一个链接之外的所有li，如果存在，还删除省略号；其次，我们显示三个分页链接；第三，我们检查是否只显示了两个链接而不是三个链接，并确保其中三个链接已显示和最后，如果页面超过三个，我们将显示省略号。 更新： 我已经更新了使用引导css的代码，并为您以省略号开头。希望您满意 $.fn.pageMe=函数选项{ var$this=这个， 默认值={ 每页：7， 下一步：错， hidePageNumbers:错误 }, 设置=$.extenddefaults，opts； var listlement=$this； var perPage=settings.perPage； var children=liselement.children； 变量pager=$'.pager'； 如果typeof settings.childSelector！=未定义{ children=listElement.findsettings.childSelector； } 如果typeof settings.pagerSelector！=未定义{ 寻呼机=$settings.pagerSelector； } var numItems=children.size； var numPages=Math.ceilnumItems/perPage； pager.datacurr，0； if settings.showPrevNext{ $.appendTopager； } var curr=0； //在li start中添加了类和id 而numPages>curr&&settings.hidePageNumbers==false{ $.appendTopager； curr++； } //在li end中添加了类和id if settings.showPrevNext{ $.appendTopager； } pager.find'.page_链接：first'.addClass'active'； 寻呼机.find'.prev_link'.hide； 如果数到3{ $'.pg'.隐藏； $'pg1，pg2，pg3'。显示； $pg3.$.html之后。。。； } 寻呼机。查找“li.page\u链接”。单击函数{ var clickedPage=$this.html.valueOf-1； goToclickedPage，每页； 返回false； }; 寻呼机。查找“li.prev_链接”。单击函数{ 以前的 返回false； }; 寻呼机。查找“li.next_link”。单击函数{ 下一个 返回false； }; 函数前{ var goToPage=parseIntpager.datacurr-1； GotoTopage； } 下一个功能{ goToPage=parseIntpager.datacurr+1； GotoTopage； } 函数goTopage{ var startAt=每页*页， endOn=startAt+每页； //从这里开始添加几行 $'.pg'.隐藏； $.ell.remove； var prevpg=$pg+page.show； var currpg=$pg+page+1.show； var nextpg=$pg+page+2.show； 如果prevpg.length==0 nextpg=$pg+page+3.show； 如果prevpg.length==1&&nextpg.length==0{ prevpg=$pg+第1页显示； } 如果curr>3{ 如果页面>1上一页在$.html之前。。。； 如果页面