AJAX javascript更新页面标题？

Question

就像标题所说，当我通过AJAX加载不同的页面时，标题不会更新。应加载的标题列在下面......“主页”，“关于”和“常见问题”。

我尝试了这个，但只是将标题改为“未定义”。我可以采取哪些步骤从上面的代码中获取标题名称并实现它？

var pageTitle = jQuery("input.page-title").val();
document.title = pageTitle;

HTML：

<li role="presentation" class="active"><a href="./">Home</a></li>
<li role="presentation"><a href="./about">About</a></li>
<li role="presentation"><a href="./contact">Contact</a></li>

Answer 1

从您的html发布，似乎以下代码会这样做

var pageTitle = jQuery("li.active").children('a').html();
document.title = pageTitle;

这会将文本从父级设置为活动的链接中删除。

Answer 2

document.title = pageTitle;

必须工作。

你错了

jQuery("input.page-title").val();