Jquery jPanelMenu它不工作_Jquery_Jquery Plugins_Jpanel

Jquery jPanelMenu它不工作

jquery jquery-plugins

Jquery jPanelMenu它不工作,jquery,jquery-plugins,jpanel,Jquery,Jquery Plugins,Jpanel,我在这里遵循jPanelMenu文档：尝试创建左侧菜单我下载“jquery.jpanelmenu.min.js”，然后实例化jpanelmenu:var jPM=$.jpanelmenu（）然后我只需要“打开”插件，根据文档，我们只需要： jPM.on(); 但它不工作，有人已经尝试了这个插件，可以给我一个帮助吗我的完整代码： <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8

我在这里遵循jPanelMenu文档：尝试创建左侧菜单

我下载“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>


var jPM=$.jPanelMenu（）；
jPM.on（）；
无标题文件
菜单





文档准备好后，您需要实例化菜单。因此,
<head>
...
<script type="text/javascript">
$(function() {
    var jPM = $.jPanelMenu();
    jPM.on();
});
</script>
...
</head>


...
$（函数（）{
var jPM=$.jPanelMenu（）；
jPM.on（）；
});
...