问题标签 [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 回答
1107 浏览

material-design-lite - 即使我调用 componentHandler.upgradeDom(); 汉堡图标也没有出现

根据http://mdlhut.com/2015/07/where-is-the-mdl-drawer-icon/,只要我componentHandler.upgradeDom()在动态加载html后调用它就可以工作。只是为了确保我正确调用了 upgradeDom,我添加了按钮以查看是否添加了涟漪效应。并且按钮已更新,但未出现汉堡包图标。

如果我内联 html,则会出现汉堡包图标。

0 投票
2 回答
8424 浏览

html - 想要在右上角显示菜单图标按钮。在材料设计精简版

我想移动右上角的菜单图标按钮。但它出现在标题下。我应该添加什么样的属性或属性?

这是一个图片网址

0 投票
2 回答
5212 浏览

javascript - $(this).toggleClass 不起作用

所以我正忙着创建一个迷你网店,我正在使用谷歌的前端 ( MDL ) 模板

我想在我的网上商店做的是,当用户点击 x 产品时,我想切换一个类,

我在循环内使用闭包来检测对任何产品的点击。

我唯一的问题是,课程不会切换。我尝试使用 addClass 确实有效,但它不那么方便,因为我真的想切换类(从选定产品到未选定)

看看我的代码片段,你就会明白,你会看到我确实正确地检测到了点击。但是切换类不起作用。

我将在一个单独的链接中向您展示我正在切换的效果,在这个链接中,我正在切换所有“div”的效果,但我不会每次点击。

0 投票
1 回答
823 浏览

javascript - 如何使 MDL 菜单在单击后保持打开状态?

我需要在 MDL 菜单中放置一个输入。问题是当我单击输入或菜单中的任何内容时,它会关闭菜单。如何使它起作用?

这是问题的一个例子。

0 投票
5 回答
8309 浏览

material-design-lite - 如何使 MDL 表响应?

对于MDL 表,是否有使表响应的属性?

0 投票
0 回答
467 浏览

css - 带有 MDL 的 CSS/SCSS rgb 颜色

我正在使用 Material Design Lite 库,它通过 bower 包含在我的项目中,因此我可以构建一个只包含我需要的模块的自定义版本。

然而,当谈到颜色时,发生了一些我无法解决的奇怪事情。

在编译的 css 中,颜色被定义为..

即在形式rgb(#fff)。这使它们无法在浏览器中工作。

这些是在 scss 中使用变量和unquotescss 函数定义的

$button-fab-color-alt: unquote("rgb(#{$color-accent})") !default;

但是,当我检查 MDL 附带的已编译 css 时,情况并非如此。颜色被定义为color: rgb(255,255,255).

看起来 MDL 构建中的某些内容将颜色十六进制更改为 rgb 值......但无法确定在哪里或如何。

任何想法表示赞赏。

0 投票
0 回答
556 浏览

css - 如何在 Material Design Lite 数据表中创建扩展行

我想创建一个mdl-data-table这样的,当我点击它时。

我的猜测只是colspan在我选择扩展行时添加 == 列数的行。我想知道是否有比这更好的版本。使它看起来像用一些现有样式扩展而不是创建新样式的东西。

此外,如果它可以“动画化”为向下滑动推动其他元素,那将是一个奖励。

请注意,答案不必处理点击部分,而只是“扩展”部分

0 投票
0 回答
122 浏览

html-table - 如何使`mdl-data-table`的`thead`留在屏幕上

有没有办法让thead部分mdl-data-table停留在屏幕上?当我滚动表格但如果表格的任何部分不可见时消失。

我想知道是否可以使用不使用 Material Design Lite 的页面。

0 投票
1 回答
1513 浏览

javascript - I am getting 2 scroll bars using MDL, how can I fix it?

I am getting 2 scroll bars using mdl by google. I have added my html below. How can I fix this? View code on codepen

0 投票
0 回答
577 浏览

html - 如何使材料设计精简版抽屉位置动态?

刚开始使用 Material Design lite 创建网站。好东西。

我已经设法破解标题以在滚动时保持固定在页面顶部:

HTML

等等..就像在演示中一样

CSS

现在,当我滚动时,页眉及其所有元素都停留在页面顶部;没问题。

但是,当我按下汉堡按钮打开抽屉时,只有当滚动条位于页面顶部时它才会正确显示。如果页面向下滚动,部分抽屉将被隐藏。

知道如何解决这个问题吗?

请注意,我想不出更好的方法来将标题保持在顶部,所以这可能是真正的问题(即position: fixed;部分)