如何使分页位于选项卡内页面的底部？

Question

我有带标签的页面。每个选项卡都有自己的分页。但是我在将分页放在选项卡底部时遇到问题。我现在拥有的当前分页位于上方。我想更改它并将分页放在标签页的底部。如何更改它以获得我想要的输出？

这是我当前的分页

<div class="tab-pane fade show active" id="category_1" role="tabpanel" aria-labelledby="category_1-tab">
  <br>
  <div>
    <nav>
      <br>
      <ul class="pagination justify-content-center pagination" id="page_1"></ul>
    </nav>
  </div>
</div>

if(cat === 1 )
    {
        $("#category_1-tab").append(
            `
                <div class="accordion-item">
                    <a onclick="getDetail('${e.id}')" class="accordion-head collapsed" data-toggle="collapse" data-target="#accordion-item-${index}">
                        <h6 class="title">${e.title}</h6>
                        <span class="accordion-icon"></span>
                    </a>
                    <div class="accordion-body collapse" id="accordion-item-${index}" data-parent="#accordion">
                        <div class="accordion-inner" id="details_${e.kb_id}">
                            
                        </div>
                    </div>
                </div>
            `
        );

    }

    $("#page_1").html(`${pagination}`);

如何使分页位于选项卡内列表的底部？

Answer 1

将$("#category_1-tab").append( …替换为$("#category_1-tab").prepend( …

prepend 将在 <br><div> 之前插入您的 div.accordion-item，而不是在末尾添加。

如何使分页位于选项卡内页面的底部？

How to make pagination sit at the bottom of the page inside the tab?

html

javascript

css

pagination