无法设置jQuery侧边栏插件

Question

我正在尝试嵌入this jQuery plugin，但它并不适合我。我认为问题出在这一行：

$.sidebarMenu($('.sidebar-menu'))

可能是什么问题？

我很想把它放在document.ready中并且它不起作用，我这样做了： <script> jQuery(document).ready(function(){ jQuery.sidebarMenu(jQuery('.sidebar-menu')) }); </script>

Answer 1

如何使用它：

1. 将对jQuery库和jQuery Sidebar Menu插件文件的引用添加到html页面。

<link rel="stylesheet" href="sidebar-menu.css">
    <script src="https://code.jquery.com/jquery.min.js"></script>
    <script src="sidebar-menu.js"></script>

1. 您可能需要为菜单图标加载Font Awesome 4.

<link rel="stylesheet" href="font-awesome.min.css">

1. 为多级侧边栏菜单创建嵌套的html列表。

<ul class="sidebar-menu">
      <li class="header">Navigation</li>
      <li class="treeview">
        <a href="#">
          <i class="fa fa-dashboard"></i> <span>Dashboard</span>
          <i class="fa fa-angle-left pull-right"></i>
        </a>
        <ul class="treeview-menu">
          <li><i class="fa fa-circle-o"></i> Dashboard v1</li>
          <li><i class="fa fa-circle-o"></i> Dashboard v2</li>
        </ul>
      </li>
      ...
    </ul>

1. 初始化插件，我们已经完成了。

$.sidebarMenu($('.sidebar-menu'))