javascript - TreeView 菜单在页面上时不会展开

Question

通过以下代码，我尝试修复未实现事件类的菜单

这是 jsfiddle

https://jsfiddle.net/rbj7ad1m/

var action = window.location.pathname.split('/')[1];

// If there's no action, highlight the first menu item
if (action == "") {
    $('ul.treeview-menu li:first').addClass('active');
} else {
    // Highlight current menu
    $('ul.treeview-menu a[href="/' + action + '"]').parent().addClass('active');

    // Highlight parent menu item
    $('ul.treeview-menu a[href="/' + action + '"]').parents('li').addClass('active');
}

这不是完整的菜单，但我添加了 JSCode 以确保它工作，但不知何故它不起作用，有人可以跳进去看看我是否对代码做了任何事情

Answer 1

首先，您忘记将 jQuery 库添加到您的 fiddle 中。

我查看了您的代码，您正在尝试将 action 与 这个""，当实际值为"_display"时。

所以下面的代码工作正常:

   //$('ul.treeview-menu:first').addClass('active');
var action = window.location.pathname.split('/')[1];
// If there's no action, highlight the first menu item
if (action == "_display") {
    $('ul.treeview-menu li:first').addClass('active');
} else {
    // Highlight current menu
    $('ul.treeview-menu a[href="/' + action + '"]').parent().addClass('active');

    // Highlight parent menu item
    $('ul.treeview-menu a[href="/' + action + '"]').parents('li').addClass('active');
}