问题标签 [materialize]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
1400 浏览

html - Materialise CSS 简单安装

我正在尝试安装 Materialize CSS,它看起来很酷。

我按照(简单)说明安装了它,但是所有标签都不起作用,所以我认为这是一个安装问题。

以下是代码片段:

在 HTML 脚本的底部:

我只是用一张简单的卡片测试它:

然而,网站上出现的只是文字,没有卡片。

下面是我上传的文件的截图:

FTP 文件

最后,这是网站 URL!www.econengines.com。正如您可能知道的那样,该网站正在经历大量开发,现在有点混乱。我只是试着让一个导航栏运行,这也不起作用。

如何让 Materialise CSS 实现?

0 投票
1 回答
6414 浏览

javascript - Materialize CSS - UL 以外的东西的过渡动画

在文档中,我们似乎可以像这样转换 UL 元素:

但我想要过渡的是一个 div。我试过这样做,但它似乎不起作用

0 投票
2 回答
710 浏览

javascript - 使用 jQuery 递增或递减类名

我正在使用 Materialize CSS ( http://materializecss.com/ ) 框架,它有(诚然,一个臃肿的样式表,里面装满了)颜色的类名;类名遵循以下逻辑:

“变暗”和“变亮”从 1 到 5 递增。我正在尝试编写一个在悬停时增加类的函数;因为有些元素会有一个颜色名称blueblue lighten-3indexOf不过,我不禁觉得这种方法效率低下且笨拙。有任何想法吗?

0 投票
1 回答
460 浏览

python - 添加 css 样式 django-material 后 Django formwizard 中断

我的 Django 项目使用基本模板来呈现视图,如下面的粘贴http://pastebin.com/uUZT40ge 从根调用为 base.html 和 django-material https://pypi.python.org/pypi /django-material为表单元素提供样式和布局。使用如下简单的 for 可以正常工作:

但是,当使用与 formwizard 相同的基本模板来呈现一组三个表单时。第一个以正确的布局和样式显示,但在提交时不会继续下一步。

Django 是 OSX10.10 上的 1.8 版

0 投票
1 回答
1440 浏览

javascript - 带有 Ionic 的 MaterializeCSS 下拉菜单不起作用

我正在使用 Materialize CSS 开发一个 Ionic 移动应用程序。问题是当我必须添加下拉菜单等组件时。

问题是下拉按钮中的href,它重定向到地址#而不是显示菜单的Route。

我怎样才能使这个组件工作?

谢谢

0 投票
3 回答
25202 浏览

html - 在 Materialise CSS 中用文本覆盖图像

我尝试了多种方法来用文本覆盖背景图像,但无济于事。materializeCSS 网站上提供的模板涉及视差,我不想要。

目的是让一张“卡片”位于横跨浏览器窗口的大图像之上。实际上,我的目标是为几张卡分别执行此操作。

这是我的代码(针对特定卡):

我知道图像标签是:

但是无论我把它放在哪里,它都不会在卡片后面放置图像。我已经尝试了所有明显的东西,例如添加一个新的 div 类,但也许我添加了错误的类型。真的在这件事上绞尽脑汁。

如何在卡片后面放置图像(跨越浏览器的宽度和大约 700 像素的高度)?

0 投票
1 回答
95 浏览

javascript - 当用户点击时设置背景颜色,当用户点击其他任何地方时改变回来

我遇到过一种情况,<li>当用户单击该项目时,我想设置列表项标签的背景颜色。我希望它永远保持该背景颜色,直到用户单击页面上另一个<li>标签之外的其他位置。

在 Meteor 中,我知道如何在标签上使用mousedownorclick事件<li>来设置自身的背景颜色,但是如何click在可以重置其背景颜色的其他所有内容上设置 Meteor 事件<li>

我正在使用 Meteor、Javascript 和 Materialize CSS。

0 投票
4 回答
6808 浏览

css - 在 Meteorjs 中更改默认的 materializecss 颜色

在它的官方网站上

使用 Sass 时,您可以非常快速地更改网站的配色方案。下面是一个非常小的示例,您可以通过 _variables.scss 中的 sass 进行更改。

但是,如何更改流星的 materialize:materialize (materializecss.com) 包的默认颜色?

0 投票
2 回答
10709 浏览

hammer.js - 将 MaterializeCSS 与 Webpack 一起使用 - 无法解析模块“hammerjs”

我正在用 webpack 构建一个项目。该项目使用materializecss. 当我添加materialize.js到入口文件时,它会抱怨以下错误 Cannot resolve module 'hammerjs'

当我打开文件时,我可以在那里看到定义,但似乎 webpack 无法识别它。淘汰赛-es6中的weakmap也是如此。hammer.min.js我对此的解决方案是添加对in的引用,resolve.alias但不确定这是否正确。

webpack当它们与有问题的库捆绑在一起时,我如何识别这些依赖关系 - 在这种情况下materialize.js

0 投票
3 回答
2096 浏览

css - 使用物化导轨4.2时无法添加collection_select

我创建了一个带有 category_id 迁移的类别模型(基本上 Mackenzie Child 在他的视频中所做的一切https://www.youtube.com/watch?v=814gCeOpM4o从 25 分钟开始),我希望它显示在我的表单中。

它不起作用,我collection_select不会出现在屏幕上,但它会出现在源代码中,并且当我“删除”css-框架时会出现。

我的代码:

它在源代码中的显示方式: