【问题标题】:Bootstrap Pagination is removing href, making links unclickableBootstrap 分页正在删除 href,使链接无法点击
【发布时间】:2014-01-11 11:49:23
【问题描述】:

我已经准确地设置了我的分页,引导分页示例是如何给出的。除链接外,一切正常。显然,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);

【问题讨论】:

    标签: javascript php jquery twitter-bootstrap pagination


    【解决方案1】:

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

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

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2018-02-27
      • 2021-06-21
      • 1970-01-01
      • 2018-02-08
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多