javascript - 通过 pushState 改变当前 URL 的路径时改变页面的内容

Question

我使用了一些按钮（其中很多），附加了模态框，当使用“pushstate”进入模态框时我更改了 URL。我这样做了，所以当您离开模态框时，URL 会回到最初的那个。

我的问题是，当我使用浏览器给出的“后退”和“前进”按钮时，我的 URL 会发生变化，但我的内容不会。

我尝试使用“popstate”方法，但我真的不知道我做错了什么。

boxes.forEach(b => {
    let id = b.id;
    b.addEventListener('click', e => {
        history.pushState({id}, `Selected: ${id}`, `./selected=${id}`)
        selectBox(id);
    });
});

window.addEventListener('popstate', e => {
    selectBox(e.state.id);
});

我预计当我按下“后退”按钮时（在我关闭模式后，历史记录已更改）页面的内容将返回到模式，并且 URL 也会更改。

现在，只是它更改的 URL，而不是内容。