2013-09-28 23 views
1

JpanelMenu不会创建额外的类,我不明白为什么。JPanelMenu不创建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> 

我然后放置了代号为资产净值在抬头内

 <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> 

但是当我运行页面检查器时,“clic K我“的作品并打开,但边栏是空的。它不会产生以下类:

<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;} 
+1

这是一个纯JavaScript问题吗?还是'Java'也参与其中? –

+0

您是否在浏览器控制台中看到任何错误?看起来像它在这里工作? http://jsfiddle.net/eLfLX/ – PSL

+0

我不明白。它将显示屏幕上的幻灯片并执行应有的操作,但侧栏内的文本没有显示出来!我的浏览器控制台中没有错误。 –

回答

0

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

1

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

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

并且可能是您的html元素没有正确封装。