javascript - 如何让 sidebars.js 工作

Question

我只是想用 THIS 我的一个小元素上的插件。 , 我经历了 USAGE 部分多次，还检查了从 git 下载的示例文件(没有一个示例文件实际工作!)所以我有以下 HTML::

<div class="sb-slidebar sb-left sb-style-push">
  <!-- Your left Slidebar content. -->
  <p>Just a line of text to demonstrate the push effect.</p>
</div>

<div id="sb-site">
  Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sint, tenetur fuga voluptas ducimus quis nulla velit esse suscipit, quidem tempore. Quisquam quod nisi, magni labore dolorem corporis, cum modi nobis!
</div>

和以下 jQuery 初始化代码:

$.slidebars();

当然还有链接的边栏 css 和 js 文件。但不知何故插件不起作用，我假设汉堡包是在侧边栏的 JS 内部创建的，不确定它是如何工作的，但我无法创建侧边栏 meenu，有人可以指出我在做什么错误的 ？

FIDDLE HERE .

我只是想让这个侧边栏菜单正常工作。

Answer 1

以下使用的是 0.10.3 版本。

使用 control classes在使用部分中描述我根本无法打开侧边栏。

对我有用的是使用 API方法。

 $(document).ready(function() {
   var mySlidebars = new $.slidebars();

   $('.toggle').on('click', function() {
     mySlidebars.slidebars.toggle('left');
   });
 });

JSFiddle