jquery - 使 jQuery 事件发生一次

Question

我正在制作一个wordpress模板。想象一下我有一个包含一个菜单栏

$(document).ready(function() {
      $('#menu').hide();
      $('#menu').slideToggle("slow");
});

我的菜单向下滑动（它是一个垂直菜单），当页面加载时......但是，每次我在 wordpress 中加载一个新的静态页面（pageid=1 等）时，页面都会重新加载，因此事件重新启动并且菜单向下滑动每次我点击网站上的链接时都会再次出现！

如何使菜单滑动动画发生一次？也许只有当我点击主页按钮而不是所有页面时？

Answer 1

$_SESSION['opened']==1;仅在主页上设置会话变量

在标题中，jquery 代码在哪里：

<?php if(isset($_SESSION['opened']) && $_SESSION['opened'] == 1): ?>

你的jQuery代码

<?php endif; ?>

在其余页面中，将该变量设置为 0

Answer 2

您可以使此事件仅在您网站的主页中发生，例如：

<?php
if (is_home()):
?>
<style type="text/javascript">
$(document).ready(function() {
      $('#menu').hide();
      $('#menu').slideToggle("slow");
});
</style>
<?php endif; ?>

但是，如果您希望用户即使在通过任何其他页面进入时也能看到动画，您可能需要一些 cookie；P