1

JpanelMenu 不会创建附加类,我不知道为什么。

我用这个 HEAD 放置了链接到该网站

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

然后我将脚本放置在 HEAD 的正下方以启用侧边栏

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

然后我将导航的代码放在 HEADER 中

        <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;}
4

2 回答 2

1

在 html 的最后或具有相同 id 的 html 之前写一个 div。1. Jpanelmenu 应该自动创建它,但它没有。

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

并且可能是您的 html 元素未正确包含。

于 2013-10-01T17:47:31.073 回答
0

弄清楚了!我不确定它是如何修复的,但我决定将 jQuery 包从 1.8 更新到 2.0,现在它可以工作了!谢谢大家!

于 2013-10-01T17:31:46.033 回答