展开 jQuery -> 导航子菜单 -> 子菜单答案

【问题标题】：Expand jQuery -> Navigation sub-menu -> sub-menu展开 jQuery -> 导航子菜单 -> 子菜单
【发布时间】：2017-02-01 19:15:43
【问题描述】：

作为一个 jQuery Noob，我需要一些关于 jQuery 脚本的帮助。

jQuery(document).ready(function ($) {
$(".sub-menu").hide();
$(".current_page_item .sub-menu").slideDown(200);;
$("li.menu-item").click(function () { 
    if ($('.sub-menu', this).length >=1) {
        event.preventDefault();
    }
    $(".sub-menu").slideUp(200);; 
    $(this).find(".sub-menu").slideDown(200);;
    event.stopPropagation();
});
});

这个脚本已经很好用了。现在我想把它扩展到第三层。例如。

第 1 页 ------>第1页第二级 ------------> 第 1 页第三级。

现在如果我点击第一级菜单会显示第二级和第三级，但只有在点击第二级页面 1 时才会显示第三级。

谁能帮帮我？

提前致谢托尔斯滕

编辑任何人都知道为什么该脚本在 Firefox 上不起作用？

点击后的 Firebug 报告： ReferenceError: 事件未定义 nav.js:7:5

【问题讨论】：

标签： javascript jquery css menu navigation

【解决方案1】：

试试这个方法

jQuery(document).ready(function($) {
  $(".current_page_item").children(".sub-menu").slideDown(200);
  $("li.menu-item").click(function() {
    $(this).parent('ul').find(".sub-menu").slideUp(200);
    if ($('.sub-menu', this).length >=1) {
      event.preventDefault();
    }
    $(this).children(".sub-menu").slideDown(200);
    event.stopPropagation();
  });
});

作为例子可以在这里玩jsfiddle

附言记下然后在 fiddle a 中没有将类“menu-item”添加到 li 元素

【讨论】：