MaterializeCSS多选不起作用答案

【问题标题】：MaterializeCSS multiple select not workingMaterializeCSS多选不起作用
【发布时间】：2015-11-13 19:41:19
【问题描述】：

我无法让 Materialise CSS 多选框工作。

我知道需要调用的javascript函数material_select。

JSFiddle

Documentation

任何帮助，也许我只是错过了一些东西。

【问题讨论】：

标签： javascript jquery html css materialize

【解决方案1】：

您是否包含了脚本/样式表？

  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.97.2/css/materialize.min.css">
  <script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.97.2/js/materialize.min.js"></script>

工作： https://jsfiddle.net/8kdo8ndb/3/

【讨论】：

奇怪，我在de external links部分添加了js和css文件：prntscr.com/92eztj
如果我从外部链接中删除 CSS ref 它将不起作用，而当我从外部链接中删除 JS 时它确实有效，这有点奇怪。

【解决方案2】：

在<head>标签下包含以下标签-

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.97.2/css/materialize.min.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.97.2/js/materialize.min.js"></script>

如果你不想使用 CDN，你必须像这样的文件结构 -

MyWebsite/
  |--css/
  |  |--materialize.css
  |
  |--font/
  |  |--material-design-icons/
  |  |--roboto/
  |
  |--js/
  |  |--materialize.js
  |
  |--index.html

【讨论】：

感谢您的帮助，但这有点无关紧要。显然，将 JS 加载到 JSFiddle 中的方式似乎是问题所在。我使用了外部链接部分。