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

时间:2013-12-23 09:25:46

标签: javascript php jquery twitter-bootstrap pagination

我已经确定了如何给出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="">&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>

这是我对脚本的分页截图,您可以看到它与分页网站上的示例完全相同:

pagination

这是我正在使用的javascript选项:

    var options = {
        currentPage: 3,
        totalPages: 10,
        useBootstrapTooltip:true
        bootstrapTooltipOptions: {
            html: true,
            placement: 'bottom'
        }
    }
    $('#alphabet').bootstrapPaginator(options);

1 个答案:

答案 0 :(得分:0)


pageUrl: function(type, page, current){
   return "http://example.com/list/page/"+page;
}

我认为你应该调整代码来获取字母而不是页面;你可能可以用数据属性做到这一点。