问题标签 [material-design-lite]

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 回答
4128 浏览

javascript - MDL卡高定制

所以我想让一张卡片看起来和Material design spec中应该做的一样

短视频演示

我已经设法在一个简单的红色正方形上使用 jquery 来做到这一点(参见第一个片段)我只是给所需的元素 0 高度和宽度,然后用 jquery 将高度和宽度设置为我想要的大小。

任何 MDL 卡的问题是,我无法将高度设置为小于 200 的高度。您可以查看我的第二个片段,看看当我尝试将其设置为 150 像素时会发生什么。

任何帮助将不胜感激,也许有一种不同的方法可以用 jquery 做到这一点?

0 投票
0 回答
393 浏览

javascript - Material Design Lite 和 Infinite Scrolling 脚本冲突

我在我的 Wordpress 网站上使用 Material Design Lite ( http://www.getmdl.io/started/ ) 和无限滚动脚本 ( https://github.com/infinite-scroll/infinite-scroll )。当我使用这两个脚本时,无限滚动不起作用。但是当我删除 Material Design Lite 脚本时它可以工作。我想这些脚本之间存在一些冲突。有谁知道如何修理它?谢谢

0 投票
2 回答
1494 浏览

javascript - 使用 MDL 动态构建的输入无法正确呈现

我有以下代码,

问题是由于 javascript 函数已经运行,输入的样式不正确。

有谁需要调用什么 javascript 函数来完成这项工作?我试过MaterialTextfield.prototype.init()了,但没有任何改变。

0 投票
0 回答
115 浏览

javascript - MDL Javascript 与 Twitter 小部件冲突

因此,我在使用 MDL 的 javascript 破坏我的 Twitter 小部件以在侧边栏上显示推文时遇到问题。

当我删除 javascript 时,它工作得很好。我尝试更改脚本的位置,但没有解决问题,每当 MDL 的 javascript 完成加载时,小部件立即消失。

如果你用“inspect element”看一下,你会看到小部件的 iframe 仍然在 facebook 小部件下方,但它的主体是空的。您可以在此处查看问题。请不要介意乱七八糟的代码,我还是会做很多修改和优化。

0 投票
1 回答
735 浏览

material-design-lite - Material Design Lite 抽屉断点

我需要设置 Material Design Lite 抽屉菜单,以便永久显示汉堡菜单。菜单必须仅在单击时显示。

没有关于此的可用文档。谢谢!

关联

0 投票
1 回答
804 浏览

javascript - 将 Material Design Lite 与 AngularJS 一起使用

我在尝试使用 Material Design Lite 和 AngularJS 时遇到了麻烦。谷歌搜索了一下后,我发现另一个关于类似问题的堆栈溢出帖子:Material Design Lite Integration with AngularJS

我正在尝试通过将 ajax 请求中的数据推送到模型中来将数据加载到表中。从那里视图由 AngularJS 更新。由于该表使用 Material Design Lite 的 javascript 添加了选择多个条目的功能,因此新的表条目似乎没有使用正确的类/属性进行更新。

正如其他人在其他堆栈溢出问题中所规定的那样,我们需要运行componentHandler.upgradeAllRegistered();. 这似乎没有正确升级元素。

这是一个示例的 JSFiddle:https ://jsfiddle.net/chaseme/50n21fao/1/

有人对此有任何见解吗?谢谢。

0 投票
1 回答
468 浏览

css - 如何在 Material Design lite 中使用前置文本进行输入?

我想有这样的输入,+91 作为固定的东西。

在此处输入图像描述

这是 MDL 网站上给出的默认代码

0 投票
2 回答
5890 浏览

reactjs - 将 Material Design Lite 与 React 结合使用

我正在尝试在使用 React 的现有项目上使用 MDL,但遇到了几个问题。第一次加载时情况似乎很好,尽管有很多警告消息:

警告:ReactMount:根元素已从其原始容器中删除。新容器:

对于每个具有 MDL 识别的类的 DOM 元素(例如:mdl-layout、mdl-layout__content 等),几乎都会发生这种情况,并且在任何 DOM 更改时都会发生这种情况。

此外,在更改路线时,会出现“Invariation Violation”错误:

未捕获的错误:不变违规:findComponentRoot(..., .0.2.0.1.1.0.0.0.0):无法找到元素。这可能意味着 DOM 被意外变异(例如,被浏览器)......

这是否意味着 MDL 和 React 几乎不兼容?

更新:如果带有 class="mdl-js-layout" 的元素不是 reactjs 渲染函数中最顶层的元素,问题就会消失。一旦我包裹了那个元素,一切都很好。

0 投票
1 回答
3207 浏览

css - 在 MDL 中更改抽屉的宽度

我刚刚开始使用 Material Design Lite。我想改变抽屉的宽度。

我尝试过的是这些方面的东西:

这会导致抽屉与内容区域重叠。

我该如何纠正这个问题?

0 投票
0 回答
376 浏览

dart - Material Design Lite Dart,提神醒脑

MDL Dart http://www.material-design-lite.pub中是否有一个简单的自定义组件示例,使用数据表或链接到随时间变化的模型的列表?

我有例外

更新列表时使用自定义ToDo 示例items