繁体   English   中英

Bootstrap Pagination正在删除href,使链接无法点击

[英]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="">&lt;&lt;</a></li>
        <li><a data-original-title="" title="">&lt;</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="">&gt;</a></li>
        <li><a data-original-title="" title="">&gt;&gt;</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.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM