javascript - 站点更改后保持打开状态的 jQuery 下拉列表——帮助新手

Question

我需要一个 jQuery 下拉菜单，它在单击子菜单项并将用户转到子页面后保持打开状态。

我正在使用这段代码切换我的下拉菜单，我想我需要向 ul.submenu 添加一个类并使用 CSS 切换它的可见性？

http://jsfiddle.net/erL8Lc0s/9/

$(function () {

// Dropdown toggle
$('.dropdown-toggle a').click(function () {
    $(this).next('.sub-menu').toggle();

});

$(document).click(function (e) {
    var target = e.target;
    if (!$(target).is('.dropdown-toggle a') && !$(target).parents().is('.dropdown-toggle a')) {
        $('.sub-menu').hide();
    }
});

});

不幸的是，我是一个 jQuery 菜鸟，我无法解决这个问题

Answer 1

有几种方法可以实现这一点，但是您不太可能在这里得到直接的答案，原因如下:

您要做的是根据用户当前查看的页面显示一个元素。有几种方法可以实现这一点，但使用哪种方法取决于问题的具体情况。以下是几种方法:

1. 您已声明您正在使用 WordPress。太棒了，WordPress 使页面 ID 可见，因此在您的主题中，您可以根据页面 ID 轻松地向元素添加覆盖类(例如 class="show")。但是，这意味着您必须使页面 ID 列表保持最新。

2. 继续上面的内容，您可以使用 PHP 获取当前 URI，并根据它显示正确的元素。

3. 只需使用 WordPress 的默认菜单。您可以使用导航爬虫修改标记。看起来您正在使用 Bootstrap，所以有一个 premade one available .现在，如果您在该页面上，WordPress 会自动将 active 类添加到导航元素。然后，您可以使用 CSS 使这些元素保持打开状态。