JQuery навигация по сайту

Question

Я пытаюсь выполнить самую основную навигацию с помощью JQuery, и я терплю неудачу.

У меня есть несколько файлов .html с различным контентом, но я хочу иметь постоянную страницу и загружать содержимое в div. То, как я есть навигация реализована на данный момент:

1. пользователь щелкает NavLink1
2. JQuery выполняет следующие действия:

   event.preventDefault()
   (# мой-контент-ДИВ). нагрузка (NavLink1-контент);

3. URL-адрес теперь отображается как «www.mydomain.com/#NavLink1».

Как в мире я могу реализовать прямую ссылку на # NavLink1 и/или внедрить систему, в то время как пользователь просматривает сайт www.mydomain.com/NavLink1, и контент загружается правильно?

Мой навигации код один навигационный ссылка:

$("#story-button-link").click(function(event){ 
     $(this).addClass("selected"); 
     $("#landing-page-article").load('./story.html', function() { 
      $(document).ready(function() { 
      }); 
     }); 
     return false; 
    }); 

Answer 1

Если вы не возражаете, поддерживая только новые версии браузера, вы могли бы использовать HTML5 функции управления историей - pushState быть конкретными, что позволяет вам измените URL-адрес на yourdomain.com/NavLink1, не перезагружая страницу, что позволит вам сделать то же самое, но сохранить неповрежденные URL.

Если у вас есть do mind old browser, вы можете использовать History.js, который решает проблемы совместимости с другими браузерами. В новых браузерах он будет использовать функции HTML5, а в более старых версиях он вернется к изменениям хэша.