jQuery菜单应保持操作模式

jQuery menu should stay opem

本文关键字：操作 模式 菜单 jQuery      更新时间：2023-09-26

我正在运行一个关于215儿童主题的Wordpress。我找到了一个在鼠标悬停时切换菜单的脚本。我真的很喜欢这个功能。但我想添加以下选项：当用户在parent1的子页面上时，我希望菜单在这一点上是打开的，因为默认情况下是在Twentyffteen中。你可以在这里看到：http://johannabaschke.de/impressum/

我现在也希望与我找到的脚本：

<script>
  var $ =jQuery.noConflict();
   $(document).ready(function () {
   $('.sub-menu').hide();
   $('.menu-item-has-children').hover(function() {
   $(this).children('.sub-menu').stop().slideToggle(200);
     });
   });
</script>

它在鼠标上切换菜单，但当点击子页面时，菜单不会打开，就像这里一样：

http://johannabaschke.de/transeuropa-2015/

我不擅长编码，这就是为什么我只用我擅长的CSS修改WP主题，但Javascript不是我的最佳实践。也许有人有一个简单的想法来解决这个问题？

非常感谢您的帮助！

54v4nn4h

请这样尝试：

<script>
  var $ =jQuery.noConflict();
   $(document).ready(function () {
   $('.sub-menu').hide();
   $('.menu-item-has-children').click(function() {
   $(this).children('.sub-menu').stop().slideToggle(200);
     });
   });
</script>

您能尝试以下代码吗：

<script>
    var $ =jQuery.noConflict();
    $(document).ready(function () {
        $('.sub-menu').hide();
        $('.menu-item-has-children').hover(function() {
            $(this).children('.sub-menu').stop().slideToggle(200);
        });
        //code to keep open respective menu open on page load
        $("a[href='"+window.location.href+"']").closest('.sub-menu').stop().slideToggle(200);
   });
</script>
相关文章：