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

angularjs - 页面加载后填充 Material Design Lite 数据表

我有一个使用来自http://www.getmdl.io/components/index.html#tables-section的 MDL 数据表示例的应用程序但是,当 AngularJs 数据将行添加到表中时,复选框/选择不起作用在页面完成加载和数据到达后绑定(使用 ng-repeat)。

是否有一些 MDL JS 调用我可以在此时重新初始化表,或者是否有更好的方法将动态数据加载到 MDL 数据表中?/

0 投票
2 回答
327 浏览

jquery - 与隐藏块中的 MDL 文本字段作斗争

我可能应该先说我不擅长 HTML、jQuery 或 CSS。我通过谷歌搜索近似于我所追求的东西来完成大部分工作,试图了解它是如何工作的,然后将其调整为我想要的。

我正在尝试创建一个 HTML 表单,要求人们列出他们带来的人数、姓名和饮酒偏好。我正在使用 Google 的 Material Design Lite 让它看起来更加时髦,但是我遇到了一个问题,我无法显示文本字段(我使用一些 CSS 和 jQuery 技巧来只显示名称字段和例如选定的客人数量,你可以看到我在 StackOverflow 其他地方找到的......)

这是 jQuery:

这是没有显示的 MDL 元素:

这是一个显示整个事情和问题的代码笔:http: //codepen.io/anon/pen/meJWem

输出中的第一行只是显示它应该是什么样子,然后如果您选择多个客人,您会看到前 2 个条目只显示单选按钮,而不是文本字段。我将 3 条目保留为纯 HTML 字段,只是为了显示我所追求的。有谁知道为什么这不能像我期望的那样工作?提前致谢。

0 投票
0 回答
65 浏览

angularjs - 如果 navigator.standalone 为真,Material design lite 会阻止 ng-click

我有这个演示应用程序 它在移动 safari(和桌面)中按预期工作,但是当我将页面添加到主屏幕时,我不能再单击(ng-click)卡片标题来切换类以显示完整的联系人卡片。知道为什么只有在独立模式下才会发生这种情况吗?我在这里也有它作为代码笔

0 投票
0 回答
588 浏览

ajax - MaterialPrime 使用 h:commandButton 模拟

我有个问题。在我的项目中,我使用 MaterialPrime lib 和 Material Design Lite。在我的登录页面上,我使用 m:button 元素提交表单(据我所知,Ajax 请求发生在这里)。然后重定向到包含资源的面板页面,但我收到 PrimeFaces.ajax 错误(ajax 属性为空)。但是使用 h:comandButton 可以解决这个问题。有什么解决办法吗?也许 m:button 的属性不做 ajax 请求,或者另一个按钮标签?我需要这个按钮来设置页面样式。这是登录页面。

这是接受登录后的页面

0 投票
2 回答
2852 浏览

javascript - MDL jquery:标签将内容重叠到输入字段中

我使用 Firefox 版本 40.0.3/Chrome 45.0.2454.85,我有以下问题:如果我使用 jQuery,内容重叠
placeholder/label

Javascript:

HTML:

例子:

图片

现场示例:
https ://jsfiddle.net/vutLb9ut/2/

0 投票
1 回答
1481 浏览

html - Material Design Lite - 复选框和列表在哪里?

通过这里的文档搜索getmdl.io和谷歌

“站点:getmdl.io 复选框”

我找不到列表和复选框的样式。我是否遗漏了某些内容,或者这个基本输入字段是否缺少复选框?

这些元素会被修补吗?

0 投票
1 回答
1328 浏览

material-design-lite - 文本输入效果绑定到

为什么下划线动画取决于<label>存在的标签?换句话说,如果您<label>从 mdl-textfield 中删除 ,动画也会被删除。

还有人注意到这一点吗?

0 投票
4 回答
3997 浏览

javascript - Material Design Lite 表 - 动态添加行会破坏格式

这是使用 material-design-lite 的复选框的标记:

问题是,标签连接到输入id

所以当我动态添加一个新的复选框时,我还必须添加一个 id。但是我如何找出要添加的 Id 呢?当我稍后将这些行添加到数据库中时,这不是问题吗?

这是工作示例:

http://codepen.io/anon/pen/QjNzzO

注意您添加的新任务的复选框

0 投票
3 回答
3281 浏览

javascript - 处理 mdl 表复选框

我在我的网站中使用材料设计精简版我已经实现了这个例子: http ://www.getmdl.io/components/index.html#tables-section

我的问题是如何处理表格中的复选框,它们是由类添加的:.mdl-data-table--selectable

它们没有 ID 或类,那么在 javascript 或 sql server 中使用它们的方法是什么(删除我要实现的行)

0 投票
2 回答
995 浏览

material-design-lite - 动态页面中的谷歌材料设计

所以,我正在使用无限滚动(http://infiniteajaxscroll.com/docs/getting-started.html)。

但是,当主要内容在“mdl-js-layout”内时,无限滚动功能不起作用(如下所示)

所以,如果我删除了mdl-js-layout最外层的 div,那么无限滚动就可以工作,否则它就不起作用。

我问了开发者,得到了以下回复:( https://github.com/google/material-design-lite/issues/1584#issuecomment-139060676 )

MDL 目前针对的是静态内容,因此我们目前不支持无限滚动的用例。但是,有些人使 MDL 与动态站点一起工作,您可能会通过前往 StackOverflow 并使用 material-design-lite 标签来获得有价值的帮助。

有人我应该尝试什么吗?

谢谢!