0

我有 6 个<div>充当不同的应用程序。每个菜单都<div>包含一个菜单，每个菜单都包含子菜单，这是一个无序列表。每个子菜单都包含<img>和<p>标记。

我创建了一个后退按钮，因为我将在每个<div>菜单和子菜单之间遍历。所有这些元素都将有一个 ID。

我创建了一个数组来存储所有元素列表的历史记录，我将使用它来访问

var pageHistory = { "History": [] };

单击每个<div>菜单和子菜单时，我将它们添加到pageHistory数组中pageHistory.History.push(menu);

这工作正常。但是，当我单击后退按钮并从一个<div>转到另一个<div>时，较早选择的子菜单的 CSS<div>将应用于新选择的子菜单<div>。

此外，当我单击后退按钮时，所选菜单不会突出显示。

我想按原样更改每个元素的 CSS，并在单击后退按钮时突出显示选定的菜单和子菜单。

4

1 回答 1

0

现代 Web 应用程序通常通过 AJAX 在不离开原始页面的情况下加载文档对象模型 (DOM) 中的数据或更改，以创建类似桌面的体验。为此，我们可以利用 URL 哈希值以及它给我们带来的好处，包括客户端使用的带宽更少、响应时间更快以及最终更具交互性的应用程序感觉。通过在 URL 中插入一个哈希字符，我们可以获取它后面的字符串并将其用作 AJAX 请求中的值。我们还可以创建一个侦听器事件来检查添加到 URL 的哈希并使用它来激活自定义 JavaScript。

因此，请使用哈希更改并使用 js 激活您的自定义 css

于 2018-08-13T10:34:24.563 回答