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菜单创建任何元素,但我在正文中有左右面板,如下所示:
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;}
答案 0 :(得分:1)
在html的最后或在具有相同ID的html之前写一个div。 1. Jpanelmenu应该自动创建它,但它没有。
<div id="jPanelMenu-menu"/> this will work.
并且可能是您的html元素未正确包含。
答案 1 :(得分:0)
想出来!我不确定它是如何修复但我决定从1.8更新jQuery包到2.0现在它的工作原理!谢谢大家!