我有一个基于单个页面顶部的网站,该网站可以动态更改其内容。内容的容器是一个带有一些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>
这是行不通的,因为当我单击链接来更改内容时,它还会重新加载页面并重新启动所有动画。
非常感谢!
不查看所有代码就很难说,但是我可能会在导航链接的末尾放置一个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>';
}
?>
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句