Question

我正在使用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 /

如何打开新页面而不刷新

1 个答案: