Внедрение deeplinking с несколькими уровнями

Question

Мне нужно внедрить deeplinking для моего сайта, поскольку он построен в AJAX. Я понимаю основную идею и получил deeplinking, реализованный для моего верхнего уровня nav. Проблема заключается в том, что мой сайт имеет несколько уровней. Пользователь может щелкнуть верхнюю навигацию, которая добавляет хеш, а затем нажимает на вторичный навигатор и третичный навигатор. Мне также нужно добавить этот вторичный и третичный навигационный клик в хэш ... а затем также удалять этот элемент, когда пользователь нажимает на основной элемент навигации. Я не могу придумать, как это сделать ... любые идеи?

Ох, и код (JQuery) Я использую для достижения хэширования на первичном СЧЕ:

updateHash : function(hash) { 
    var hashHistory = []; 
    location.hash = hash; 
} 

Answer 1

Я не совсем уверен, что вы ищете. Может быть, вам следует показать некоторые конкретные примеры. До тех пор, как о чем-то вроде этого:

function updateHash(hashPath) { 
    if (hashPath.charAt(0) == "/") { 
    location.hash = "#" + hashPath; 
    return; 
    } 

    var currentHash = location.hash.split(/\//); 
    if (currentHash[0]) currentHash[0] = currentHash[0].substr(1); // Loose the # 

    var relHash = hashPath.split(/\//); 

    var part; 
    while (part = relHash.shift()) { 
    if (part == "..") { 
     currentHash.pop(); 
    } else { 
     currentHash.push(part); 
    } 
    } 

    if (currentHash.length > 0) 
     location.hash = "#" + currentHash.join("/"); 
    else 
     location.hash = ""; 
} 

Примеры:

updateHash("/topLevelItem"); 
alert(location.href); // "www.example.com/#/topLevelItem" 

updateHash("secondLevelItem"); 
alert(location.href); // "www.example.com/#/topLevelItem/secondLevelItem" 

updateHash("thirdLevelItem"); 
alert(location.href); // "www.example.com/#/topLevelItem/secondLevelItem/thirdLevelItem" 

updateHash("../differentThirdLevelItem"); 
alert(location.href); // "www.example.com/#/topLevelItem/secondLevelItem/differentThirdLevelItem" 

updateHash("../../differentSecondLevelItem"); 
alert(location.href); // "www.example.com/#/topLevelItem/differentSecondLevelItem" 

updateHash("../anotherSecondLevelItem/anotherThirdLevelItem"); 
alert(location.href); // "www.example.com/#/topLevelItem/anotherSecondLevelItem/anotherThirdLevelItem" 

updateHash(".."); 
alert(location.href); // "www.example.com/#/topLevelItem/anotherSecondLevelItem"