问题标签 [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 投票
4 回答
36771 浏览

materialize - 使用 Materialise CSS 的行间距

使用 MaterializeCSS,如何调整/删除行之间的垂直间距?

示例代码:

MaterializeCSS 不需要的空间

0 投票
1 回答
1252 浏览

javascript - Materialise CSS 框架抛出错误

使用 Materialise 0.96.1 运行 Meteor 1.1.6 并且没有任何问题,直到我在一天早上启动流星并得到一个白屏。控制台(萤火虫) 说:

在生成的文件中找到materialize_materialize.js

回顾版本历史,我似乎找不到任何明显的改变,这可能是罪魁祸首。查看源代码,我找到了相应的代码,但该行实际上已终止:

其他人曾经看到过这个问题,或者对如何解决它有任何想法吗?

更新:似乎 Meteor 生成文件很好,但在上述错误中停止了中间字符串。字符串切断后,文件继续:

奇怪的是,这不会发生在我同事的机器上(他使用的是 OSX 10.10.3,而我使用的是 Windows 7)。

第二次更新:还在 Ubuntu 14.04 虚拟机上测试了这个问题,没有任何问题 - 应用程序运行得很好。认为这可能与 Windows 上的 Meteor 版本有关,我删除了我的安装,下载了安装程序,然后在我的机器上重新安装了 Meteor。你知道的,它奏效了

由于我不知道问题的原因是什么,除了 Meteor 本身出了问题之外,我不打算用实际答案来标记这个问题 - 我想。

0 投票
4 回答
10015 浏览

javascript - Materialize.css 从输入元素中删除样式

我想让 Materialize.css 卡片在双击时可编辑。为此,我将输入放在卡片 div 中,而不是 p。

问题是输入(和文本区域)元素具有广泛的材料设计样式,包括输入下方的线条。在其他场合它看起来很整洁,但在卡片内部则完全没有必要。

有没有办法从输入元素中删除样式,所以它可以在这种双击编辑模式下使用?

或者也许还有其他解决方案,如何通过双击卡片进行编辑,而不涉及重用以前样式的元素?

ps 我在 Meteor 中运行它,并且有 Jade 预处理器。但是,这些事实不应影响问题或答案。

0 投票
1 回答
2147 浏览

html - MaterializeCSS中的多选?

有没有办法将 Multiple Select 与 Materialize CSS 一起使用?或其他具有相同功能的程式化组件?

诸如标记堆栈溢出样式之类的东西

你明白了吗?

0 投票
3 回答
18009 浏览

css - 如何在 Materialise css 中获得多选下拉菜单?

我正在开发一个使用 Materialize css 作为前端的项目。

有没有办法在 Materialize css 中获得多选选项?

任何信息都会有所帮助。

0 投票
1 回答
73 浏览

javascript - 尝试使用 materializecss 构建前端,但无法让可折叠元素工作

我正在尝试构建一个前端,并且我想使用可折叠元素。问题是它什么也没做,我可以单击标题框但没有任何反应。

根据文档,如果动态添加元素,则必须“初始化”元素。

所以我在每次破坏和创建 Dom 元素的动作之后都这样做:

这是我的 ERB 模板

0 投票
7 回答
28108 浏览

javascript - 实现下拉菜单不起作用

我正在尝试使用 Materialize 在侧边栏中创建一个下拉菜单,但它不起作用。下拉列表的宽度与触发器不同,并且填充将锚点移动到列表项的底部。(代码与文档网站相同)

这是一个有问题的 Codepen:示例

谢谢您的帮助 :)

0 投票
1 回答
1696 浏览

html - 使用下拉按钮和 Materialize

我正在制作一个使用 Materialise 的网站。我有以下代码:

和:

但是当我单击按钮时,只会在 url 中添加一个 #。我必须刷新页面,它工作正常。

我该如何解决这个问题?

0 投票
1 回答
3318 浏览

javascript - ScrollFire 插件似乎不起作用

似乎由于某种原因ScrollFire插件无法正常工作。

使用官方指南,我创建了一个plunker 演示。核心javascript如下:

它假定向下滚动到图像时必须弹出警报,但事实并非如此。

任何想法为什么?

0 投票
4 回答
8371 浏览

javascript - Materialise CSS - 选择列表验证

当尝试将第三方 jQuery 验证库与 Materialize 一起使用时,我无法验证任何选择列表。我想知道是否有人能够或知道如何让 jQuery.validation 与 Materialize 一起使用?

这将呈现为:

在正文的末尾,将呈现 ul-li 列表:

我正在使用的脚本将执行以下操作:

提交表单的结果是我所有其他必填但未成功填写的表单字段都验证成功。选择列表不会发生任何事情,也不会显示任何错误。这个提供的代码是我试图在我的表单上提供的功能的一个小例子。目前我不会考虑拥有两个具有相同元素的列表。