JPanelMenu не создает класс JPanelMenu-Menu

JpanelMenu не создаст дополнительный класс, и я не могу понять, почему.

Я разместил ссылку на сайт с этой головой

    <script type="text/javascript" src="http://jpanelmenu.com/js/lib/jquery.jpanelmenu.min.js"></script>

Затем я поместил скрипт для включения боковой панели прямо под ним в заголовке

<script type="text/javascript">
    $(document).ready(function () {
        var jPM = $.jPanelMenu();
        jPM.on();
    });
</script>

Затем я поместил код для навигации в заголовок

        <a class="menu-trigger" href="#menu">Click Me</a>
    <ul id="menu" style="display: none;">
        <li><a href="/">Overview</a></li>
        <li><a href="#usage">Usage</a></li>
        <li><a href="#about">About</a></li>
    </ul>

Но затем, когда я запускаю инспектор страниц, "щелкай меня" работает и открывается, но боковая панель пуста. Это НЕ создаст следующий класс:

<ul id="jPanelMenu-menu" style="width: 250px; display: block; z-index: 1;">...</ul>

Я думаю, что может быть что-то не так в моем CSS, но у меня нет элементов, созданных для JPanel Menu, но у меня есть левая и правая панели внутри тела, например:

body {
height: 100%;
max-width: 100%;
min-width: 960px;
min-height: 600px;}

right-panel, .left-panel {
height: 100%;
min-height: 600px;}

.left-panel {
background: url('Images/side-bar-parchment.png') no-repeat fixed center;
background-size: cover;
position: absolute;
width: 170px;
z-index: 1;}

.right-panel {
    margin-left: 170px;
    max-width: 100%;
    z-index: 1;}
Источник

2 ответа

Решение

Догадаться! Я не совсем уверен, как это исправить, но я решил обновить пакет jQuery до 2.0 с 1.8, и теперь это работает! Всем спасибо!

Источник

Напишите div в конце html или перед html с тем же идентификатором. 1. Jpanelmenu должен создать его автоматически, но это не так.

<div id="jPanelMenu-menu"/> this will work.

и может быть, ваш HTML-элемент не заключен в должном порядке.

Источник
Другие вопросы по тегам