使用jQuery在不重新加载页面的情况下向当前URL添加其他参数？

Question

客户在其网站上有一个页面，其中包含员工列表。当用户点击名称，然后使用jQuery时，右侧的生物部分将淡出当前生物，并使用所选生物淡入。

这很好，但问题是它们无法链接到特定的bio，因为它们都在同一个URL下。

我有jQuery从URL中检索参数，并在页面加载时显示正确的生物，但问题是我需要在每个员工姓名点击上更改/添加此参数，准备复制和粘贴。

链接列表如下所示：

<ul class="team_list">
    <li><a href="#">Staff Name 1</a></li>
    <li><a href="#">Staff Name 2</a></li>     
    <li><a href="#">Staff Name 3</a></li>
</ul>

是否可以在不重新加载任何页面的情况下执行此操作？

Answer 1

使用URL片段，也就是哈希值：

<ul class="team_list">
    <li><a href="#name1">Staff Name 1</a></li>
    <li><a href="#name2">Staff Name 2</a></li>     
    <li><a href="#name3">Staff Name 3</a></li>
</ul>

然后，您可以在加载页面时使用window.location.hash来检索值并根据需要显示正确的生物。