Question

我正在使用以下jquery在我的侧边菜单上创建一个下拉切换效果（链接：http://wp.gattoweb.com/gattotestfour/）

jQuery(document).ready(function(){
    jQuery('.site-navigation ul ul').hide();
    if(jQuery('.menu-item-has-children').length > 0) {
        jQuery('.menu-item-has-children').click(function(event) {
            jQuery(this).addClass('toggled')
            if(jQuery('.menu-item-has-children').hasClass('toggled'))
            {
                jQuery(this).children('ul').toggle();
            }

            return false;
        });
    }
});

这似乎是为切换效果做的工作，但当我尝试点击其中一个下拉链接时，菜单会消失，并且不会转到链接页面。

Answer 1

尝试将其作为脚本的完全替代品：

$(document).ready(function(){
        $( '.sub-menu' ).hide();
        $( '.menu-item-has-children' ).click( function() {
          var $this = $( this );
          $this.find('.sub-menu').slideToggle();
          $this.find('.sub-menu').click( function(e) {
            e.stopPropagation();
          });
        });
    });

*已编辑* 另外，我会将他添加到CSS并删除此脚本的第一行：

.sub-menu {
  display: none;
}

如果不存在，那很好。

最后，还有设计决策问题。你想要＆＃34;婚礼＆＃34;触发子菜单还是去婚礼页面？现在的方式是，它会在婚礼页面加载时暂停加载子菜单，但您的访问者将永远不会有机会看到您的参与组合。

也许尝试使用＆＃34;投资组合＆＃34;的自定义链接在＆＃34;＃＆＃34;的wordpress管理员中使用链接网址并将婚礼转移到孩子的位置。

这是解决方法的一个小提琴：https://jsfiddle.net/cr46nekL/1/

切换下拉链接不起作用

1 个答案: