如何使分页中的“无”字消失？

Posted 2023-03-05

【中文标题】如何使分页中的“无”字消失？

【英文标题】：How can I make the "None" word in the pagination disappear?

【发布时间】：2020-10-04 22:37:47

【问题描述】：

我在下面有这些代码显示分页（更改页面按钮），但不知何故，right_current = 2 导致按钮在中间显示“无”：

<nav aria-label="Page navigation example">
         <ul class="pagination justify-content-center">
            % for page_num in many_posts.iter_pages(left_edge=1, right_edge=1, left_current=1, right_current=2) %
                % if many_posts.page==page_num %
                    <li class='page-item disabled'>
                    <a class="page-link" href=" url_for('core.index', page=page_num)"> page_num </a>
                    </li>
                % else %
                    <li class='page-item'>
                    <a class="page-link" href=" url_for('core.index', page=page_num)"> page_num </a>
                    </li>
                % endif %
             % endfor %
          </ul>
     </nav>

分页按钮的图片：

我想问是否有任何方法可以隐藏“None”一词并使用 CSS 或 Bootstrap 自定义中间按钮...

我是初学者，非常感谢您的帮助。

谢谢！

【参考方案1】：

你必须放一个 if 语句来检查是否有 page_num。如果不只是放“...”

<nav aria-label="Page navigation example">
         <ul class="pagination justify-content-center">
            % for page_num in many_posts.iter_pages(left_edge=1, right_edge=1, left_current=1, right_current=2) %
              % if page_num %
                  % if many_posts.page==page_num %
                      <li class='page-item disabled'>
                      <a class="page-link" href=" url_for('core.index', page=page_num)"> page_num </a>
                      </li>
                  % else %
                      <li class='page-item'>
                      <a class="page-link" href=" url_for('core.index', page=page_num)"> page_num </a>
                      </li>
                  % endif %
               % else %
                 ...
               % endif %
             % endfor %
          </ul>
     </nav>

【讨论】：

嗨——快速了解代码格式。格式化多行块时使用三个反引号。

嗨@roodyCool，非常感谢你帮助我！您的代码有效！ :)