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库添加到您的小提琴中。

我已经查看了您的代码，并且您正在尝试将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');
}

树视图菜单在页面上不会展开

1 个答案: