Ajax 如何在不刷新的情况下打开新页面

我正在使用一个rails应用程序，在其中我试图打开一个新页面，所有的静态页面，

https://www.mazzey.com/

是链接，如果单击页眉按钮，它会打开新页面，页眉和页脚具有淡入淡出效果，在Mozilla Firefox中不会刷新，但在Google Chrome中页眉也会刷新。我还发现Firefox中的页眉和页脚也会刷新，但与Google Chrome不同。所以我可以使用Ajax或任何插件来避免刷新页眉和页脚吗

$(function(){
    var newHash      = '',
        $mainContent = $("#main-content");
    $(".nav").delegate("a","click",function(){
        window.location.hash = $(this).attr("href");
        return false;
    });
    $(window).bind('hashchange',function(){
        newHash = window.location.hash.substring(1);
        if(newHash){
            $mainContent.find("#guts").fadeOut('slow',function(){
                $mainContent.hide().load(newHash + " #guts",function(){
                    $mainContent.fadeIn('slow');
                });
            });
        }

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

这就是我正在使用的ba hashchange插件

有关更多信息，请查看此 css-tricks.com/video-screencast/85-best-practices-dynamic-content/