刷新后如何保持当前 paginate_button 处于活动状态（引导程序）？

Question

我想单击按钮并在刷新/重新加载后保持活动的当前按钮

当我点击其他 paginate_button 时，我的网址没有改变，但页面发生了变化。

--这个按钮--

https://i.stack.imgur.com/86dJj.jpg

--这段代码--

<ul class="pagination">
<li class="paginate_button previous disabled" aria-controls="dataTables-example" tabindex="0" id="dataTables-example_previous">
    <a href="#">Previous</a>
</li>
<li class="paginate_button active" aria-controls="dataTables-example" tabindex="0">
    <a href="#">1</a>
</li>
<li class="paginate_button " aria-controls="dataTables-example" tabindex="0">
    <a href="#">2</a>
</li>
<li class="paginate_button " aria-controls="dataTables-example" tabindex="0">
    <a href="#">3</a>       
</li>
<li class="paginate_button " aria-controls="dataTables-example" tabindex="0">
    <a href="#">4</a>
</li>
<li class="paginate_button " aria-controls="dataTables-example" tabindex="0">
    <a href="#">5</a>
</li>
<li class="paginate_button " aria-controls="dataTables-example" tabindex="0">
    <a href="#">6</a>
</li>
<li class="paginate_button " aria-controls="dataTables-example" tabindex="0">
    <a href="#">7</a>
</li>
<li class="paginate_button next" aria-controls="dataTables-example" tabindex="0" id="dataTables-example_next">
    <a href="#">Next</a>
</li>

Answer 1

您可以使用window.location.pathname 或window.location.hash（具体取决于您使用网址的方式）来测试当前页面。使用该信息选择正确的 li 并将其设置为活动状态。

Answer 2

将active 类移动到您希望对该页面有效的<li>。示例：https://yoursite/page/2 表示第二个 <li> 将具有活动类。