jPanelMenu运行并创建一个额外的<div class =“jPanelMenu-panel”> </div>

时间:2013-05-15 14:17:39

标签: jquery jpanel

我正在尝试在我的网站上实现jPanelMenu但是在触发菜单后,jPanelMenu菜单和jPanelMenu面板之间会有额外的空间。 我用Firebug和

检查了一下
`<body data-menu-position="open">`

额外的jPanelMenu-panel div就像这样出现

`<div class="jPanelMenu-panel" style="position: relative; left: 250px;">
     <div class="jPanelMenu-panel" style="position: relative; left: 250px;">
           ...
     </div>
 </div>`

我不明白为什么会发生这种情况所以如果有人有任何想法或任何反馈请告诉我:)

Here's the full code on Fiddle

提前感谢!!

1 个答案:

答案 0 :(得分:0)

jPanelMenu创建额外的div。除了代码自动创建的内容之外,您不应该包含jPanelMenu-menu ID或jPanelMenu类的任何元素。

  

启用jPanelMenu时,会创建两个<div>个元素。菜单元素(ID为jPanelMenu-menu)和面板元素(类为jPanelMenu-panel)。此外,jPanelMenu标记应用了<html>类。

有关详细信息,请参阅documentation

此外,确保只在DOM准备好后才运行JavaScript。

以下示例可帮助您入门:http://jsfiddle.net/Cxh6p/