我正在使用模板材料管理员，我在侧边栏js有一些问题 - 它不起作用 .

</div>
<div class="mdc-list-group hide">
  <nav class="mdc-list mdc-drawer-menu "> // this sidebar is here
    <div class="mdc-list-item mdc-drawer-item">
      <a class="mdc-drawer-link" href="<?php echo base_url(); ?>dinas">
        <i class="material-icons mdc-list-item__start-detail mdc-drawer-item-icon" aria-hidden="true">desktop_mac</i>

这个文件JS就在这里

(function($) {
  'use strict';
  $(function() {
    var body = $('body');
    var contentWrapper = $('.content-wrapper');
    var scroller = $('.container-scroller');
    var footer = $('.footer');
    var sidebar = $('.mdc-drawer-menu');

    // Menu Toggle Function
    var drawerEl = document.querySelector('.mdc-persistent-drawer');
    var MDCPersistentDrawer = mdc.drawer.MDCPersistentDrawer;
    var drawer = new MDCPersistentDrawer(drawerEl);
    document.querySelector('.menu-toggler').addEventListener('click', function() {
      drawer.open = !drawer.open;
    });

    //Add active class to nav-link based on url dynamically
    //Active class can be hard coded directly in html file also as required
    var current = location.pathname.split("/").slice(-1)[0].replace(/^\/|\/$/g, '');
    $('.mdc-drawer-item .mdc-drawer-link', sidebar).each(function() {
      var $this = $(this);
      if (current === "") {
        //for root url
        if ($this.attr('href').indexOf("index.html") !== -1) {
          $(this).addClass('active');
          if ($(this).parents('.mdc-expansion-panel').length) {
            $(this).closest('.mdc-expansion-panel').addClass('expanded');
          }
        }
      } else {
        //for other url
        if ($this.attr('href').indexOf(current) !== -1) {
          $(this).addClass('active');
          if ($(this).parents('.mdc-expansion-panel').length) {
            $(this).closest('.mdc-expansion-panel').addClass('expanded');
          }
        }
      }
    })

    $(".mdc-toolbar__menu-icon").on("click", function() {
      $(".body-wrapper .page-wrapper .content-wrapper").toggleClass("drawer-minimized");
    });
  });
})(jQuery);

错误讯息：

jquery.min.js：2 jQuery.Deferred异常：未定义mdc ReferenceError：HTMLDocument中未定义mdc . （http://localhost/skripsi/assets/template/assets/js/misc.js:12:31）在l（https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery . min.js：2：29375）at c（https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js:2:29677）undefined w.Deferred.exceptionHook @jquery . min.js：2 c @jquery.min.js：2 setTimeout（async）（匿名）@jquery.min.js：2 u @jquery.min.js：2 fireWith @jquery.min.js：2 fire @ jquery .min.js：2 u @jquery.min.js：2 fireWith @jquery.min.js：2 ready @ jquery.min.js：2 _ @ jquery.min.js：2 jquery.min.js：2 jQuery .Deferred exception：mdc未定义ReferenceError：HTMLDocument中未定义mdc . （http://localhost/skripsi/assets/template/assets/js/material.js:16：5）在l（https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery . min.js：2：29375）at c（https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js:2:29677)undefined

我不知道这个 mdc ，它's js for this template but it'不包含在模板中 . 我从CDN谷歌添加Jquery但它没有帮助 .
请帮我找到解决方案

jquery css sidebar