jQuery Dynamic Page Загрузка не будет работать, не знаете, почему какие-либо идеи?

Question

Демонстрация здесь <- <a href="http://webcallonline.exoflux.co.uk/html/" rel="nofollow noreferrer">http://webcallonline.exoflux.co.uk/html/

    $(function() {
 var url = $(this).attr("href");
    $("nav").delegate("a", "click", function(event) {
     event.preventDefault();
        window.location.hash = $(this).attr('href');
        $("#main").slideUp('slow', function(){
         $("#main").load(url + " #main", function()
      {
       $("#main").slideDown('slow');
      });
        });

    });

    $(window).bind('hashchange', function(){
     newHash = window.location.hash.substring(1);
    });

    $(window).trigger('hashchange');
});

У кого-нибудь есть идеи?

Answer 1

Эта строка:

var url = $(this).attr("href");

следует переместить в обработчик кликов:

$("nav").delegate("a", "click", function(event) {
     var url = $(this).attr("href");
     event.preventDefault();

так как вы загружаете контент, основываясь на значении привязанного клика.

РЕДАКТИРОВАТЬ: или вы собираетесь получить текущий URL?

var url = window.location.href;