如何让sidebars.js工作

时间:2016-03-10 23:59:50

标签: javascript jquery html css jquery-plugins

我只是想在我的一个小项目中使用 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

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

1 个答案:

答案 0 :(得分:1)

以下是使用版本0.10.3。

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

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

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

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

JSFiddle