javascript - 加载ajax内容时如何更改根页面的页面标题？

Question

我确信这很简单，但我不明白。

我正在使用以下 AJAX 脚本将内容从外部页面的特定 div 加载到根页面上同名的 div 中。

    $(function() {

    var newHash      = "",
        $mainContent = $("#main-content"),
        $pageWrap    = $("#page-wrap"),
        $el;


    $(document).delegate(".dyn 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(200, function() {
                    $mainContent.hide().load(newHash + " #guts", function() {
                        $mainContent.fadeIn(200, function() {
                            $pageWrap.animate({

                            });

                        });
                        $(".dyn a").removeClass("current");
                        $(".dyn a[href="+newHash+"]").addClass("current");
                    });
                });
        };

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

有人可以帮我将根页面的标题更改为我正在加载的页面的标题吗？

我试过使用:

var newTitle = $(responseHtml).filter('title').text();
document.title = newTitle;

正如它在 this 中提到的那样帖子，几乎可以正常工作，但会阻止 ajax 正常运行。我不确定，但我是否将其放置在正确的位置。

提前致谢!

Answer 1

您可能想要:window.top.document.title = newTitle; 吗？