javascript - 首次加载后从导航中删除类

Question

我有一个基于单个页面顶部的网站，可以动态更改其内容。内容的容器是一个带有一些 javascript 和 css 动画的 div(我给了我的导航一个“动画”类)，我想在第一次之后删除这个类(这样它就不会再有动画了)。

有什么方法可以删除(在第一个页面加载之后)或添加(在第一个页面加载期间)此类？我已经尝试过使用标准查询代码，但是当我单击更改 div 容器内容的链接时，动画全部重新启动。 这是我的 html:

<nav class="main animated fadeInRight"><?php include('template/nav/main.php'); ?></nav>

我想删除类似的动画类，但对于每个新页面加载。

<script type="text/javascript">
    $(document).ready(function() {
        $('nav').removeClass("animated");
    });
</script>

这不起作用，因为当我单击链接来更改内容时，它还会重新加载页面并再次启动所有动画。

非常感谢!

Answer 1

如果不查看所有代码就很难说，但我可能会在导航链接的末尾放置一个 URL 参数。您提到点击链接更改内容也会重新加载您的页面，对吗？

好吧，在导航中的所有链接上，输入如下参数:

<a href="pageName.php?firstLoad=N">Page Name</a>

然后在所有页面的顶部包含导航:

<?php 
    if($_GET["firstLoad"] == "N") {  
        echo '<nav class="main fadeInRight">';
        include('template/nav/main.php');
        echo '</nav>';
    } 
    else {
        echo '<nav class="main animated fadeInRight">';
        include('template/nav/main.php');
        echo '</nav>';
    }
?>