Проблема с плагином WordPress Mmenu - меню открывается только один раз - PullRequest
Новая
       10

Проблема с плагином WordPress Mmenu - меню открывается только один раз

0 голосов
/ 03 октября 2018

У меня действительно странная проблема с jQuery mmenu и Wordpress.

Проблема: меню, элементы подменю и вкладки отображаются правильно, но я могу открыть и закрыть меню только 1 раз - то же самое сподменю.После открытия я не могу открыть снова.Я также заметил, что когда возникает проблема, описанная выше, что-то удаляет классы элементов mmenu из dom.

Моя версия jQuery: 1.12.4.

Вот моя реализация: я использую свою собственную тему, Я установил mmenu с помощью npm, а затем зарегистрировал свои файлы js и css в своем Theme.php.

В консоли нет ошибок js.

Я также тестировал то же самое меню с тем жеопций в чистом HTML-файле и там, он работает правильно, поэтому я думаю, что это что-то с Wordpress.

Я также пытался деактивировать свои плагины, но все равно не повезло.

Кто-нибудь знает, чтоможет быть проблема?

Заранее большое спасибо,

Моя навигация: 

<nav id="menu">
    <div id="panel-menu">
        <ul>
            <li><a href="#/">Home</a></li>
            <li><span>About us</span>
                <ul>
                    <li><a href="#/">History</a></li>
                    <li><span>The team</span>
                        <ul>
                            <li><a href="#/">Management</a></li>
                            <li><a href="#/">Sales</a></li>
                            <li><a href="#/">Development</a></li>
                        </ul>
                    </li>
                    <li><a href="#/">Our address</a></li>
                </ul>
            </li>
            <li><a href="#/">Contact</a></li>

            <li class="Divider">Other demos</li>
            <li><a href="default.html">Default demo</a></li>
            <li><a href="onepage.html">One page demo</a></li>
        </ul>
    </div>

    <div id="panel-account">
        <ul>
            <li><a href="#/">My profile</a></li>
            <li><a href="#/">Privacy settings</a></li>
            <li><a href="#/">Activity</a></li>
            <li><a href="#/">Sign out</a></li>
        </ul>
    </div>
</nav>

Мой вызов в меню: 

$( document ).ready( function() {
    $('nav').mmenu({
        setSelected : true,
        counters    : true,
        searchfield : false,
        iconbar     : {
            add         : true,
            size        : 60,
            top         : [ 
                '<div class="tooltip hidden">Tooltip</div>',
                '<div class="menu-item active"><a href="#" data-description="Degreee"><i class="pull-left icon-progress-circle progress progress-minidegree" data-percentage="0.45"></i></a></div>',
                '<div class="menu-item"><a href="#" data-description="Manager"><span><img src="img_1.png"></span></a></div>',
                '<div class="menu-item"><a href="#" data-description="Training"><img src="img_2.png"></a></div>'
            ],
            bottom      : [
                '<div class="menu-item"><a href="#" data-description="Settings"><img src="img_3.png"></span></a></div>',
                '<div class="menu-item profile"><a href="#" data-description="Profile"><img class="avatar" src="https://secure.gravatar.com/avatar/a95d58177b6931917b6d58e68e86292f?s=64&amp;d=mm&amp;r=g"></span></a></div>',
            ]
        },
        sidebar     : {
            collapsed       : {
                use             : '(min-width: 450px)',
                size            : 40,
                hideNavbar      : false
            },
        },
        navbars     : [
            {
                type        : 'tabs',
                content     : [ 
                    '<a href="#panel-menu"><i class="fa fa-bars"></i> <span>Menu</span></a>', 
                    '<a href="#panel-account"><i class="fa fa-graduation-cap"></i> <span>Learning</span></a>'
                ]
            }, {
                content     : [ 'prev', 'breadcrumbs', 'close' ]
            }
        ]
    }, {
        navbars     : {
            breadcrumbs : {
                removeFirst : true
            }
        }
    });
});
...