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

让jQuery事件发生一次

2 个答案: