跟踪URL中的Div导航路径

Question

我有一个单独的html页面，其中包含许多相互链接的整页div。用户通过单击每个div中的链接来获取通过div的非线性路径。

我想跟踪用户通过div的路径，这样他们就可以点击＆＃34;返回＆＃34;通过他们的路径链接和回归。理想情况下，URL还会链接到用户所采用的特定页面和路径。

有没有办法在不将它们分成不同的html页面的情况下这样做？或者在单个html页面中构建非线性导航的任何其他建议？

Answer 1

我可能不清楚你要做什么，因为我不明白你的意思＆＃39; URL＆＃39;和具体的页面...

但据我所知，你说这应该是相当容易使用Javascript ...只需跟踪你当前的div编号，并在用户进行过程中将div名称添加到数组中。

然后将您的反向链接链接到一个函数，该函数将页面移回数组中的前一个div。 **有点像 - （你必须按照你的前进逻辑工作）**

 var paths = new Array();
var currentDivNumber = 0;

function moveForward(nameOfNextDiv) {
    //Make some logic to determine what step you are on - 
    //If you are not on your latest step - 
    paths.push(nameOfNextDiv);
    currentDivNumber++;
    //Your div showing code here ... something LIKE:
    $(nameOfNextDiv).show(); 
}

function moveBackward() {
    currentDivNumber--;
    //Show the div of the currentDivNumber in the array.
    $(paths[currentDivNumber]).show(); 
}

您需要考虑用户是否返回（1个或更多步骤），然后前进到新的不同div ...您可能必须删除新路径开始的所有元素。