Question

我在angular 5项目中使用Materialise css。我正在实现物化移动折叠导航栏，我的代码就是这个

  <nav>
  <div class="nav-wrapper">
   <a href="#!" class="brand-logo">Logo</a>
   <a href="#" data-activates="mobile-demo" class="button-collapse"><i 
    class="material-icons">menu</i></a>
<ul class="right hide-on-med-and-down">
  <!-- <li><a href="sass.html">Sass</a></li> -->
  <li><a href="badges.html">Components</a></li>
  <li><a href="collapsible.html">Javascript</a></li>
  <li><a href="mobile.html">Mobile</a></li>
</ul>
 <ul class="side-nav" id="mobile-demo">
  <li><a href="sass.html">Sass</a></li>
  <li><a href="badges.html">Components</a></li>
  <li><a href="collapsible.html">Javascript</a></li>
  <li><a href="mobile.html">Mobile</a></li>
</ul>
</div>
</nav>

我已将这些文件包含在我的angular-cli.json文件中在脚本中

"../node_modules/jquery/dist/jquery.js",
"../node_modules/materialize-css/dist/js/materialize.js"

在样式中

"../node_modules/materialize-css/dist/css/materialize.css"

并且还在我的组件的ngOnInit（）函数中放置了用于折叠移动导航栏的jquery intiializer代码

$(".button-collapse").sideNav();

但我的控制台仍然出现错误，sideNav不是这样的功能，而且移动折叠按钮没有打开侧边栏

__WEBPACK_IMPORTED_MODULE_1_jquery__(...).sideNav is not a function
at HeaderComponent.ngOnInit

我该如何解决？

AngularMaterialize in angular 5，__ WWEPACK_IMPORTED_MODULE_1_jquery __（...）。sideNav不是函数错误

0 个答案: