Javascript 是否可以在没有jQuery的情况下使用Materializecss？

我想在没有jQuery的情况下使用。例如，我想在不使用jQuery的情况下执行以下操作：

$('.chips-initial').material_chip({
    data: [{
      tag: 'Apple',
    }, {
      tag: 'Microsoft',
    }, {
      tag: 'Google',
    }],
  });

---

感谢

从Materialize 1.0.0开始，jQuery不再是依赖项

看

以前的版本仍然依赖jQuery。或者，您可以使用Ken Wheeler的现金。

因为您可以

为了筹码

对于Angular2+，您需要：

npm install materialize-css

在package.json中

"dependencies": {
    "materialize-css": "^1.0.0-alpha.4",
}

  "styles": [
    "../node_modules/materialize-css/dist/css/materialize.css"
  ],
  "scripts": [
    "../node_modules/materialize-css/dist/js/materialize.js"
  ],

或更高版本

在.angular cli.json中

"dependencies": {
    "materialize-css": "^1.0.0-alpha.4",
}

  "styles": [
    "../node_modules/materialize-css/dist/css/materialize.css"
  ],
  "scripts": [
    "../node_modules/materialize-css/dist/js/materialize.js"
  ],

为了能够在组件中使用M对象，只需添加到导入中即可

declare const M: any;

是的，这是可能的。 将其添加到每个HTML文档的标题部分

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

然后可以将类添加到标记以添加样式。谷歌搜索上有很多有用的教程。我最喜欢的就是这里：

---

最后要注意的一点是，在导入materialize.js之前必须导入jQuery@这是一个遗憾，因为jQuery的使用现在似乎正在放缓。每一个依赖它的框架都会遇到这样的问题。jQuery现在似乎有点过时了。我们计划转向ES6组件并停止使用jQuery。我认为Web组件支持仍然很薄弱。也许这没关系，但PolyFill并不是指网络组件，只是针对浏览器的纯ES6。Materialize 1不使用jQueryWhile此链接可能会回答问题，最好在此处包含答案的基本部分，并提供链接供参考。如果链接页面更改，仅链接的答案可能会无效。谢谢。我会解决的。