Javascript 首次加载后从nav中删除类

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

有没有办法删除（在第一页加载之后）或添加（在第一页加载期间）这个类？我已经尝试过使用标准查询代码，但是当我单击一个链接来更改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>

$（文档）.ready（函数（）{
$（'nav'）.removeClass（“动画”）；
});

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

---

非常感谢

你错过了两个'

$（文档）.ready（函数（）{
$（'nav'）.removeClass（“动画”）；
});

甚至是精确的

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

$（文档）.ready（函数（）{
$（'nav[class=“main”]”）。removeClass（“动画”）；
});

您缺少两个'

$（文档）.ready（函数（）{
$（'nav'）.removeClass（“动画”）；
});

甚至是精确的

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

$（文档）.ready（函数（）{
$（'nav[class=“main”]”）。removeClass（“动画”）；
});

您应该在导航中加引号，如

美元（“nav”）

---

否则它会指向一个不存在的变量，您应该将nav加上引号，如

美元（“nav”）

---

否则它会指向一个不存在的变量

，每次重新加载页面都会重新启动应用程序

如果要防止在页面刷新期间设置动画

您可以向字符串中添加一个参数-ie/？animation=true

并在PHP文件中查找它

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

---

每次重新加载页面都会重新启动应用程序

如果要防止在页面刷新期间设置动画

您可以向字符串中添加一个参数-ie/？animation=true

并在PHP文件中查找它

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

---

您可以使用web存储

当页面第一次加载时，您将从nav中删除该类，然后检查是否已删除该类

加载页面时，您可以执行以下操作：

<script>
    if(localStorage.getItem("ClassRemoved") !== "true") {
         // remove the class
         localStorage.setItem("ClassRemoved", "true");
    }
</script>

if（localStorage.getItem（“ClassRemoved”）！=“true”）{
//删除该类
setItem（“ClassRemoved”、“true”）；
}

您可以使用web存储

当页面第一次加载时，您将从nav中删除该类，然后检查是否已删除该类

加载页面时，您可以执行以下操作：

<script>
    if(localStorage.getItem("ClassRemoved") !== "true") {
         // remove the class
         localStorage.setItem("ClassRemoved", "true");
    }
</script>

if（localStorage.getItem（“ClassRemoved”）！=“true”）{
//删除该类
setItem（“ClassRemoved”、“true”）；
}

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

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

<script>
    if(localStorage.getItem("ClassRemoved") !== "true") {
         // remove the class
         localStorage.setItem("ClassRemoved", "true");
    }
</script>

然后在所有页面的顶部，包括导航：

<?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>';
    }
?>

---

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

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

<script>
    if(localStorage.getItem("ClassRemoved") !== "true") {
         // remove the class
         localStorage.setItem("ClassRemoved", "true");
    }
</script>

然后在所有页面的顶部，包括导航：

<?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>';
    }
?>

有很多解决方案，因为这是一种可能的解决方案。但可能会帮助您创建cookie，根据cookie的生命周期，您可能希望设置动画或不设置动画。

有许多解决方案，因为这是有可能的。但可能会帮助您创建cookie，并且根据cookie的生命周期，您可能希望设置动画或不设置动画。

显示一些代码，您迄今为止尝试了哪些内容？首先是

$（'nav'）。removeClass（“动画”）然后，我认为您需要使用Cookies来控制它显示一些代码，到目前为止您尝试了什么？首先
$（'nav'）。removeClass（“动画”）然后，我认为您需要使用Cookies来控制它。这不会起作用，因为它会在每次加载页面时删除该类。他只希望在第一次页面加载时使用该类，而不希望在其他页面加载时使用该类。这不会起作用，因为它会在每次页面加载时删除该类。他只想在第一页加载时删除类，而不想在其他页面加载。是的，你是对的，但我想在第一页加载后删除类。是的，你是对的，但我想在第一页加载后删除类。有趣的方式。我应该如何准确地使用它？这些web存储功能非常适合存储应用程序工作所必需的任何临时状态。它们比传统的基于cookie的解决方案更安全、更快。而且，你会有更多的控制权。有多种方法可以在客户端存储数据。欲了解更多信息，请访问：有趣的方式。我应该如何准确地使用它？这些web存储功能非常适合存储应用程序工作所必需的任何临时状态。它们比传统的基于cookie的解决方案更安全、更快。而且，你会有更多的控制权。有多种方法可以在客户端存储数据。有关更多信息，请访问：最佳实施！稍微修改一下你的代码，它工作得很好：）@BalestraPatrick很棒！如果这有助于您解决问题，请接受答案并投票！最好的实现！稍微修改一下你的代码，它工作得很好：）@BalestraPatrick很棒！请接受这封信