我已经确定了如何给出bootstrap分页示例。一切都有效,除了链接。显然,Jquery脚本会从href="link"
标记中删除<a>
。
这是我的PHP脚本在没有分页脚本的HTML中生成的
<div id="alphabet">
<ul>
<li><a href="/retailers.php">All</a></li>
<li><a href="/retailers.php?letter=0-9" >0-9</a></li>
<li><a href="/retailers.php?letter=A" >A</a></li>
<li><a href="/retailers.php?letter=B" >B</a></li> </ul>
</div>
这就是分页脚本对我的分页链接的作用,因为你可以看到它将链接输出:
<div id="alphabet" class="pagination">
<ul>
<li><a data-original-title="" title=""><<</a></li>
<li><a data-original-title="" title=""><</a></li>
<li><a data-original-title="" title="">1</a></li>
<li><a data-original-title="" title="">2</a></li>
<li class="active"><a data-original-title="" title="">3</a></li>
<li><a data-original-title="" title="">4</a></li>
<li><a data-original-title="" title="">5</a></li>
<li><a data-original-title="" title="">></a></li>
<li><a data-original-title="" title="">>></a></li>
</ul></div>
这是我对脚本的分页截图,您可以看到它与分页网站上的示例完全相同:
这是我正在使用的javascript选项:
var options = {
currentPage: 3,
totalPages: 10,
useBootstrapTooltip:true
bootstrapTooltipOptions: {
html: true,
placement: 'bottom'
}
}
$('#alphabet').bootstrapPaginator(options);
答案 0 :(得分:0)
pageUrl: function(type, page, current){
return "http://example.com/list/page/"+page;
}
我认为你应该调整代码来获取字母而不是页面;你可能可以用数据属性做到这一点。