问题标签 [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.
javascript - MDL卡高定制
所以我想让一张卡片看起来和Material design spec中应该做的一样
我已经设法在一个简单的红色正方形上使用 jquery 来做到这一点(参见第一个片段)我只是给所需的元素 0 高度和宽度,然后用 jquery 将高度和宽度设置为我想要的大小。
任何 MDL 卡的问题是,我无法将高度设置为小于 200 的高度。您可以查看我的第二个片段,看看当我尝试将其设置为 150 像素时会发生什么。
任何帮助将不胜感激,也许有一种不同的方法可以用 jquery 做到这一点?
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 脚本时它可以工作。我想这些脚本之间存在一些冲突。有谁知道如何修理它?谢谢
javascript - 使用 MDL 动态构建的输入无法正确呈现
我有以下代码,
问题是由于 javascript 函数已经运行,输入的样式不正确。
有谁需要调用什么 javascript 函数来完成这项工作?我试过MaterialTextfield.prototype.init()
了,但没有任何改变。
javascript - MDL Javascript 与 Twitter 小部件冲突
因此,我在使用 MDL 的 javascript 破坏我的 Twitter 小部件以在侧边栏上显示推文时遇到问题。
当我删除 javascript 时,它工作得很好。我尝试更改脚本的位置,但没有解决问题,每当 MDL 的 javascript 完成加载时,小部件立即消失。
如果你用“inspect element”看一下,你会看到小部件的 iframe 仍然在 facebook 小部件下方,但它的主体是空的。您可以在此处查看问题。请不要介意乱七八糟的代码,我还是会做很多修改和优化。
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/
有人对此有任何见解吗?谢谢。
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 渲染函数中最顶层的元素,问题就会消失。一旦我包裹了那个元素,一切都很好。
css - 在 MDL 中更改抽屉的宽度
我刚刚开始使用 Material Design Lite。我想改变抽屉的宽度。
我尝试过的是这些方面的东西:
这会导致抽屉与内容区域重叠。
我该如何纠正这个问题?
dart - Material Design Lite Dart,提神醒脑
MDL Dart http://www.material-design-lite.pub中是否有一个简单的自定义组件示例,使用数据表或链接到随时间变化的模型的列表?
我有例外
更新列表时使用自定义ToDo 示例items