问题标签 [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.

0 投票
1 回答
1620 浏览

css - 如何为 Razor forEach 内联复选框设置样式

我正在尝试使用具体化 css 来设置剃刀语法的样式。这就是我现在所拥有的。哪个不起作用,无法选中复选框。

当前复选框

这是我需要的,问题是我检查的每个复选框总是检查管理员。我知道它是因为循环正在命名 id 并且所有复选框都相同。我也想要更接近那里的复选框

我想有什么工作

0 投票
3 回答
3725 浏览

jquery - MaterializeCss ScrollFire:如何在后备中添加“此选择器”

在我的页面上有一些类.wow,我想触发当前元素,而不是全部。我的代码,这不起作用:

0 投票
3 回答
7227 浏览

materialize - Sidenav 按钮折叠在物化中消失

我制作了一个sidenav,它的折叠按钮位于使用物化框架的导航栏中。如果屏幕分辨率超过 993 像素,折叠按钮开始消失。这是代码

我的剧本是这样的

这是由于物化框架中的任何媒体查询吗?

0 投票
1 回答
99 浏览

jquery - 边距自动渲染到边距 0px

我有以下 css 的 div :

但是,当我在 Chrome 中打开时,边距呈现为 0px,因此 div 没有居中。

在此处输入图像描述

如何解决这个问题?

如果我做 putmargin 的确切值,它会起作用。但显然没有响应能力。

这是一个 jsfiddle:http: //jsfiddle.net/7bp4m267/

0 投票
1 回答
1409 浏览

php - 为 Form::submit 中的按钮设置样式

在标准方法中,我的表单中的提交按钮如下

我正在使用 materialize.css 现在如何使用 Illuminate\Html 包的 FormBuilder 实现相同的 UI

但这不会正确呈现按钮。“波浪效应”类导致其余类应用于<i>标记。如何解决这个问题?

0 投票
1 回答
1536 浏览

javascript - 在 Mongo 中存储和检索 HTML(即用于格式化从 DB 中提取的文本)

我正在使用 Meteor,我有一个从 Mongo 检索文本并将其显示在Materialize<p class="flow-text">中的模板。但是,我想对这个文本应用一些格式,所以我用 HTML 标记将它存储在数据库中,例如:

但是,当我使用模板显示此文本时,只是将<span....屏幕上的标记作为文本写出,而不是将其应用为 HTML 标记。

如何让它应用 HTML 标签而不是将它们视为字符串文字?

在我<template name="Question">的相关行是:

我正在调用模板

questions在哪里

是我的Testsmongo 收藏Tests = new Mongo.Collection("tests");

0 投票
1 回答
2659 浏览

user-interface - Meteor 框架实现

我计划使用 materialize:materialize 包到一个流星应用程序。据我所知,物化使用大量的 javascript 来实现效果、折叠等。Meteor 有自己的事件处理,但我想 materialize 将使用 jquery(我想我不需要添加 jquery,它包含在内,或者?)并将在流星事件之外运行。

只添加包就足够了,一切都会正常工作,不仅是外观,还有 javascript(感觉)?我试图让它与我购买的物化模板一起使用,并且它没有针对流星进行优化,所以我很难让它工作。

有没有人尝试过这个设置,有没有好的资源建议。

0 投票
1 回答
1996 浏览

html - 使用 Materializecss 框架修复了导航栏位置未显示在适当位置的问题

我将 Materializecss 框架用于我的 Phonegap 应用程序。我在我的应用程序中使用导航栏,它必须固定在屏幕顶部。但是导航栏的位置没有显示在屏幕顶部,它在手机上显示得有点低,但是当我在浏览器上测试时,它显示在屏幕顶部。

HTML 代码:-

在此处输入图像描述

0 投票
1 回答
401 浏览

gruntjs - 字体目录问题

我在 grunt build 后试图让我的所有字体工作时遇到问题。当我“咕噜咕噜”服务时,我的应用程序字体工作正常。

问题是我的一些 Bower 组件 css 文件使用的字体目录与 grunt 的预期目录不同。

app/styles/fonts/如果要在构建期间复制字体,Grunt 想要字体

我有一个自定义字体app/font(我可以在我的主 css 中更改它,所以不是大问题)

materialize.css 想要字体../font/roboto/../font/material-design-icons

materialdesignicons.css 想要字体../fonts/

我不想更改 bower 组件中的 css,而是我的 gruntfile.js 中是否有更改可以获取所有字体源并将它们组合到一个字体文件并在构建期间修改 css 以反映更改?如果不是,处理这个问题的最佳方法是什么?我的 gruntfile.js 未修改。谢谢

0 投票
1 回答
1560 浏览

jquery - 如何阻止框架在悬停时改变元素的颜色?

我使用materializecss制作网站。我正在尝试制作一个类似于他们网站上使用的侧导航。

我想在我的 Side Nav 中将选定的选项卡涂成红色,但是当我将鼠标悬停在它上面时,由于 materializecss 本身,它一直变灰。

有时阻止框架做我不希望他们做的事情的好方法是什么?

谢谢你。

编辑 - 我的代码https://jsfiddle.net/9mek1r48/

我创造的风格