目前我正在使用一个寻呼机,当您单击页码时会加载页面。目前,代码显示当前 10 个最接近的页面,然后显示第一页、上一页、下一页和最后一页的箭头。
我的目标是创建 jQuery 以#pages
使用正确的数字动态更新 div 和/或在用户位于第一页或最后一页时删除箭头。
HTML
<div id="pages">
<a href="1" class="first">«</a>
<a href="1" class="previous">‹</a>
<span class="current">2</span>
<a href="3">3</a>
<a href="4">4</a>
<a href="5">5</a>
<a href="6">6</a>
<a href="7">7</a>
<a href="8">8</a>
<a href="9">9</a>
<a href="10">10</a>
<a href="11">11</a>
<a href="3" class="next">›</a>
<a href="128" class="last">»</a>
</div>
用于最高点击次数的示例 jQuery
//change page numbers if highest number clicked
$(document).on("click", "#pages a", function(){
if($(this).index() == 11){
$("#pages :nth-child(3)").remove();
$("#pages a:nth-child(11)").after('<a href="'+ (parseInt($(this).text()) + 1) + '" rel="nofollow" class="current">'+ (parseInt($(this).text()) + 1) + '</a>');
}
});
这是一个 jFiddle,其中包含我目前拥有的工作示例:
您可以在 jFiddle 示例中看到,如果您单击下方箭头或最低数字,则将删除最低数字并插入一个新的高数字。评论解释了这个位是如何工作的。
问题
目前的方法有点问题,我对它的功能不太满意,有没有更可靠的方法来做我正在寻找的事情?