Question

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

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

由于

Answer 1

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

请参阅https://medium.com/@materializecss/materialize-to-1-0-and-beyond-e0233b8ac15

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

Answer 2

你可以version 1.0.0。

const elem = document.querySelector('.chips');
const instance = M.Chips.init(elem, options);

List of possible options筹码。

对于Angular2 +，您需要：

npm install materialize-css

在 package.json

中

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

或更高版本。

在 .angular-cli.json

中

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

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

declare const M: any;

Answer 3

是的，这是可能的。将此添加到每个 HTML 文档的 head 部分。

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

然后你可以给标签添加类来添加样式。在谷歌搜索上可以找到很多有用的教程。我最喜欢的就在这里：

<块引用>

https://www.youtube.com/watch?v=gCZ3y6mQpW0&list=PL4cUxeGkcC9gGrbtvASEZSlFEYBnPkmff&ab_channel=TheNetNinja

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

3 个答案: