jQuery/ajax 当前导航状态点击

Question

我目前正在开发一个带有 jquery/ajax 脚本的网站，该脚本可以在单击导航中的相应选项卡时动态地从另一个页面中提取内容，并具有淡入淡出效果。 Click here查看页面和效果(目前只有前两页-首页，体验RGW)。这是我遵循的效果教程:CSS Tricks: Dynamic Page / Replacing Content .我能够使页面过渡效果正常工作，但我无法更改导航的事件状态。 css 和 html 是正确的；问题在于 jquery/ajax 动态页面转换。

我使用下面的 php 脚本来查找文档的名称，如果名称为真(又名 - 页面处于事件状态)，则应用类“on”...(在这个 jquery/ajax 页面之前工作正常过渡):

以下代码用于命名页面:

<?php $thisPage="home"; ?>

此代码查找名称并应用“on”类:

<li<?php if ($thisPage=="home") 
    echo " class=\"on\""; ?> class="highlt">
    <a href="index.php" class="home"><span>Home</span></a>
</li>       

这在 jQuery/ajax 页面转换之前工作正常，但是，现在导航 div 超出了为每个页面动态加载的内容，我不知道如何更改当前导航状态。动态变化的内容位于页面的“ajax”div 内(仅供引用)...您会注意到导航(“nav”)div 不在其中。这就是页面之间没有变化的原因。

我认为 php 调用不起作用的另一个原因是因为它位于页面的标题中，当您导航到另一个页面并加载内容时(动态地在“ajax”div 中)，它不会刷新页面的标题内容。所以，即使我使用上面引用的代码命名某个页面并触发导航中类的更改，它也永远不会看到它，因为标题内容仍然来自原始“index.php”。我希望这是有道理的。

是否有一个 jQuery 脚本可以编写并在单击导航选项卡时触发以删除或添加“打开”类(选定状态)？我确定它可以完成，但我是 jQuery 新手。我将不胜感激任何帮助。提前谢谢你。

Answer 1

只需修改 window.location 属性... window.location += '#example' 在添加新的，但这应该很容易。