jPanelMenu它无法正常工作

时间:2014-05-12 01:02:27

标签: jquery jquery-plugins jpanel

我按照jPanelMenu文档:http://jpanelmenu.com/尝试创建左侧菜单。

我下载了“jquery.jpanelmenu.min.js”然后,我实例化了jPanelMenu:var jPM = $.jPanelMenu();

然后我只需要“打开”插件,根据文档我们只需要:

jPM.on();

但它没有用,有人在那里试过这个插件并且可以给我一个帮助吗?

我的完整代码

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="jquery.jpanelmenu.min.js"></script>
<script type="text/javascript">
var jPM = $.jPanelMenu();
jPM.on();
</script>
<title>Untitled Document</title>
</head>

<body>
<h2 class="menu-trigger">Menu</h2>
<div id="nav-menu">
    <ul id="menu">
        <li><a href="#">Item 1</a></li>
        <li><a href="#">Item 2</a></li>
        <li><a href="#">Item 3</a></li>
    </ul>
</div>
</body>

1 个答案:

答案 0 :(得分:1)

当文档准备好时,您需要实例化菜单。因此,

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