我按照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>
答案 0 :(得分:1)
当文档准备好时,您需要实例化菜单。因此,
<head>
...
<script type="text/javascript">
$(function() {
var jPM = $.jPanelMenu();
jPM.on();
});
</script>
...
</head>