[英]Bootstrap Pagination is removing href, making links unclickable
我已经确定了如何给出bootstrap分页示例。 一切都有效,除了链接。 显然,Jquery脚本从<a>
标签中删除了href="link"
。
这是我的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);
pageUrl: function(type, page, current){
return "http://example.com/list/page/"+page;
}
我认为你应该调整代码来获取字母而不是页面; 你可能可以用数据属性做到这一点。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.