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

我正在使用rails应用程序，其中我试图打开一个新页面，所有的静态页面， https://www.mazzey.com/是链接，如果你点击标题按钮，它打开新页面使用页眉和页脚淡入和淡出效果，而无需在Mozilla Firefox中刷新，但在Google Chrome中，标题也会刷新。 我还发现Firefox中的页眉和页脚也会刷新，但与谷歌Chrome不同。 那么我可以使用Ajax或任何插件来做到这一点，以避免刷新页眉和页脚？

Answer 1

 $(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-screencasts/85-best-practices-dynamic-content/