2

MetisMenu を使用しています。第 3 層のメニュー項目にリンクがある場合、リンクをクリックすると親メニュー項目がすべて折りたたまれます。

第 2 レベルのメニュー項目のリンクが正しく機能します。

私のサンプルコードはここにあります：

<div class="navbar-default sidebar" role="navigation">

<div class="sidebar-nav navbar-collapse">

    <ul class="nav in" id="side-menu">

        <li>
            <a href="#"><i class="fa fa-sitemap fa-fw"></i> Multi-Level Dropdown<span class="fa arrow"></span></a>
            <ul class="nav nav-second-level collapse">
                <li><a href="/admin/index"> Works Correctly!</a></li>                   
                <li>
                    <a href="#">Third Level <span class="fa arrow"></span></a>
                    <ul class="nav nav-third-level">
                        <li><a href="/admin/layers/index"> DOES NOT WORK - ALWAYS COLLPOASE PARENTS</a></li>          
                    </ul>
                </li>

            </ul>
        </li>       

    </ul>

</div>

enter code here

4

3 に答える 3

0 
var url = window.location;
// var element = $('ul.nav a').filter(function() {
//     return this.href == url;
// }).addClass('active').parent().parent().addClass('in').parent();
var element = $('ul.nav a').filter(function() {
    return this.href == url;
}).addClass('active').parent();

//    while (true) {
//    if (element.is('li')) {
//           element = element.parent().addClass('in').parent();
//        } else {
//            break;
//        }
//   }

ここに画像の説明を入力してください。

于 2016-10-11T02:23:26.923 に答える