Question

我想使用Materialise Framework但是我无法使用它的JAVASCRIPT组件，wave-button工作但其余的都没有工作，我在Net上搜索并发现在Materialize之前首先调用jquery但是没有解决我的问题......

这是我的index.html页面，我的init.js是

{{1}}

我首先调用jquery.js而不是materialize.js，但它无效。

Answer 1

您发送的代码正在运行：

sum(_,4) # a is 2 and b 4, and sum should print 6

https://jsfiddle.net/jzob32ed/

你使用哪个jquery版本？具体化？任何其他与jquery冲突的框架？你可以在你的问题中转储控制台输出。

Answer 2

这是一个小提琴，它将引导您完成导航栏的基本结构，并在汉堡包图标的切换上滑出。我使用过jQuery 2.2.0和Materialize 0.97.5。

JSFiddle

Javascript：

(function ($) {
  $(function () {
     $('.button-collapse').sideNav({
        menuWidth: 300, // Default is 240
        closeOnClick: true
      );
      $('.collapsible').collapsible();
  });
})(jQuery);

标记（HTML）：

<nav>
  <ul class="hide-on-med-and-down">
    <li><a href="#!">First Sidebar Link</a></li>
    <li><a href="#!">Second Sidebar Link</a></li>
  </ul>
  <ul id="slide-out" class="side-nav fixed">
      <li class="bold"><a href="#!" class="">First Sidebar Link</a></li>
      <li class="bold"><a href="#!" class="">Second Sidebar Link</a></li>
  </ul>
  <a href="#" data-activates="slide-out" class="button-collapse"><i class="mdi-navigation-menu"></i></a>
</nav>

希望有所帮助！

Javascript组件无法使用Materialise

2 个答案: