问题标签 [material-design-lite]

我在我的网站上使用新的material-design-lite (mdl)。我还使用mustache.js加载动态内容。

现在，需要使用upgradeElementmdl 函数注册新创建的元素以了解它们并将 javascript 应用于它们。在他们的网站上，他们有一些示例代码可以做到这一点：

但是，我使用的是 jQuery，我不完全确定应该如何解析我从中获取的整个模板mustache.js并正确注册每个组件。这是我尝试过的：

这filledTemplate只是为了清楚地了解它可以包含的内容。我需要绑定所有输入、文本区域、滑块、收音机、复选框和按钮。在上面的示例中，您可以看到来自 mdl 的简单卡片布局，带有两个单选框和一个按钮。

我试图让componentHandler首先升级按钮元素，但mdl返回element.getAttribute is not a function，所以我想我只是给了错误的值.upgradeElement()。

我在这里做错了什么？

这里以codepen为例：http ://codepen.io/anon/pen/JdByGZ

我正在尝试将Material design lite与 Ember.js 应用程序一起使用，并让表单以某种方式工作。但是，当用户从一个页面导航到包含表单或输入的另一个页面时，输入的行为似乎与预期不同。举个例子，当页面第一次加载到主页时，输入工作正常，但是当我们在登录和主页之间切换时，输入回退到基本表单和材料设计动画丢失。

不确定此问题是否与 Ember.js 或 Material 设计有关，但我们将不胜感激。

即使我在抽屉上添加了“mdl-layout--small-screen-only”类，汉堡包图像仍然出现在大屏幕上。

我只需要在大屏幕上隐藏抽屉，包括导航栏上的图标。谢谢

我有一个基于 MDL 的网站，中间有一个大标题。我在后面放了一个盒子，看文字。

这是 CodePen。

目标是当人们调整窗口大小时，例如移动设备，框会在文本高度处调整大小。

我们应该怎么做？

这是我的 CSS；

还有我的 HTML

谢谢

在 Material Design Lite 中如何指定元素的位置？我想在导航面板下方显示侧边栏，而不是像现在默认的那样：http ://www.getmdl.io/components/#layout-section/layout

是否可以在 Material Design Lite 中使用 javascript 激活选项卡？

我想使用里面的链接激活一个标签mdl-layout__drawer？

有那个功能吗？

嘿伙计们，有没有一个例子（如果需要，可以使用 css 覆盖）如何拥有一个包含两列的菜单？

我正在尝试执行以下操作：

CSS 看起来像：`

` 当我尝试简单地添加 2 列时，它可以工作，但我的列表项消失了！

知道为什么会这样吗？这是一个演示该问题的 Plunker：

http://plnkr.co/edit/d9nNB7jg4W8nsGzdlnC4

当用户点击一个项目时如何隐藏抽屉？或者当一个按钮被点击时？

如何做到这一点，当单击按钮时，抽屉将被隐藏，就好像我在抽屉外单击一样？我尝试在抽屉外模拟点击事件，但它仍然没有隐藏。

我在使用 Material Design Lite 的表格组件时遇到问题。我用mdl-data-table--selectable应该使它的行可选择的类来定义它。如果它是在 HTML 中静态定义的，它会这样做，但是当我动态创建我的节点并将其添加到表中时，它不会变得可选择。

请看这个小提琴

我确实添加了一个componentHandler.upgradeElement(tr);，但它并没有解决问题，它甚至抛出了一个异常，所以我没有那个就继续了。

嗨，由于我找不到这个问题的答案，我愿意接受有关如何刷新表格的新建议。目前，我正在删除其所有内容并再次生成需要动态添加元素的表格。欢迎任何建议。

如何设置 Material Design Lite 的网格系统的装订线宽度，

与 mdl，基本网格。

这是mdl vs基础的截图，

如何将排水沟宽度固定为零？

已经设置了一个小提琴，

更新：

挖掘文档后，存在一个类

mdl-cell--stretch

垂直拉伸单元格以填充父级

以这种方式改变网格，但仍然不行！