问题标签 [materialize]
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 - 如何自动调整实体化可折叠以适应窗口高度
我正在使用物化 css 可折叠组件。我正在使用 thymeleaf 模板引擎动态填充这个可折叠的内容。最后,当我单击可折叠以显示可折叠主体以填充所有窗口空白空间时,我想要。
我有任何线索如何使用css请帮助!
materialize - 如何在运行时初始化 Materializecss 表单元素?
我在运行时添加表单输入元素,并且我正在使用materializecss。文本输入无法正确呈现,我猜测它们需要在 javascript 中初始化,与 select 或 paralax 相同。例如:('.parallax').parallax(); , $(".select").material_select();
是否有表单输入的等价物,例如?
$('.parallax').material_input();
?
css - 实现使滑块图像响应
我正在尝试使用Materialise开发一个网站,并且网站中有一个滑块。Materialise 反应灵敏,在各种分辨率下都能很好地工作。但是,当我减小屏幕尺寸时,滑块宽度也会减小(应该如此)。但是其中的图像只是被裁剪而不是缩放到滑块的大小。我将responsive-img
课程添加到了,img
但没有任何改变。
滑块代码
css - Sass 表达式值精度差异
这是来自 materialize.css 源文件_grid.scss
这是创建列网格样式的 scss 文件的一部分。当我试图用(循环相同,只有主体改变)替换它时:
结果值的精度不同。(从几个结果类中获取值)。
原文:width: 8.33333%;
新:8.3333333333%;
原文:width: 16.66667%;
新:16.6666666667%;
- 为什么 Sass“内联”表达式和 $perc 变量之间存在差异?
- 浏览器有什么实际区别吗?也许更快的渲染?materialize.css 这样做是有原因的吗?
jquery - 在具体化选择框中隐藏选项
物化文档 - http://materializecss.com/forms.html
我想通过 jquery 隐藏 Materialize 选择选项。我向选项添加了一个类,并通过使用此代码$('.break_5').hide();
选项成功隐藏。但它显示在 Materialize 选择框中。
javascript - Materialise 中的导航栏上没有侧面菜单按钮。
我正在使用 materialize.min.css 和 materialize.min.js 并且没有其他样式表。
我做了一个简单的网页。编码:
制作的网页是这样的:http: //pasteboard.co/1hz4vuHF.png
从图中可以看出,蓝色按钮没有出现在导航栏的顶部。
如何解决?
PS - 还有如何改变它的颜色?
javascript - 渲染由 TinyMCE 编辑的 HTML
我在网页中使用tinymce 编辑器。当用户在编辑后单击保存按钮时,我从编辑器中获取内容并将它们设置为 div 为 html ( fiddle
)。
问题是保存后显示的内容与在编辑器中显示的内容不同。
图片顶部(编辑视图)和图片底部(编辑后用户看到的内容)的内容应该相同。
原因是这两个部分使用了不同的 css。有人知道解决这个问题的方法吗?
css - 为按钮设置自定义背景颜色
更改按钮颜色的正确方法是什么?我的按钮:
主题颜色:
按钮在被点击后会失去颜色。我错过了什么?
json - 尝试显示 json 数据时,物化折叠无法正常工作
这是折叠的代码,我正在使用materialize css。
在这里,我正在编写我的 Angular js 代码,用于从 json 检索数据并尝试显示上述 html 代码。
我能够在 html 代码中显示数据。但它并没有崩溃。我能够完美地检索 json 数据,并且 html 代码中没有语法错误。我仔细检查了它。请给我一些解决问题的想法。