标签: materialize

使用物化0.96.1运行Meteor 1.1.6并且在我一天早上启动流星并获得白屏之前没有问题.控制台(萤火虫)说:

SyntaxError: unterminated string literal
var c = "input[type=text], input[type=passw

在生成的文件中找到 materialize_materialize.js

退回版本历史,我似乎无法找到任何明显的变化,这可能是罪魁祸首.查看源代码,我发现代码各自的代码,但该行实际上已终止:

var c = "input[type=text], input[type=password], input[type=email], input[type=url], input[type=tel], input[type=number], input[type=search], textarea";

其他人都看过这个问题,或者对如何修复它有任何想法？

更新:似乎Meteor正在生成文件,但在上述错误中停止了中间字符串.字符串被截断后,文件继续:

/* Exports */
if (typeof Package === 'undefined') Package = {};
Package['materialize:materialize'] = {
  Materialize: Materialize
};

})();

奇怪的是,这不会发生在我的同事的机器上(他使用的是OSX 10.10.3,而我使用的是Windows 7).

第二次更新:还在Ubuntu 14.04 VM上测试了这个问题,并且没有问题 - 应用程序运行得很好.认为它可能与Windows上的Meteor版本有关,我吹走了我的安装,下载了安装程序,并在我的机器上重新安装了Meteor.你知道什么,它有效.

不会用实际的答案标记这个,因为我不知道问题的原因是什么,除了Meteor本身出了问题 - 我想.

我正在使用物化css来设计我的个人网站.当我使用按钮时,其标题始终以大写字母显示.我试图改变它但没有这样做.有人可以帮我解决这个问题吗？

Meteor.js和Materialise CSS Framework的新功能.我不完全理解如何动态地将Tabs连接到3个不同的选项卡,因此当用户单击它时,.tab indicator/ activeproperty将与所需的路径路径一起滑动.如果我这样做:

客户机/ app.html

  <template name="tabs">
    <ul class="tabs nav-tabs hide-on-med-and-down">
      <li class="tab col s4" id="nt1"><a href="/page1">Page One</a></li>
      <li class="tab col s4" id="nt2"><a href="/page2">Page Two</a></li>
      <li class="tab col s4" id="nt3"><a href="/page3">Page Three</a></li>
    </ul>
  </template>

客户机/ app.js

  Template.layout.rendered = function() {
    $('ul.tabs').tabs();
  }

选项卡指示器有效但不会更改指向正确页面的链接.它就像它阻止了去页面的能力.我需要帮助来解决这个问题,我已经有一段时间了.谢谢.

使用materialize css select下拉列表时,一个简单的jquery监听器似乎不起作用.

 $("#somedropdown").change(function() {
         alert("Element Changed");
      }); 

1)如何添加侦听器以检测materialize select元素何时更改？2)在这种情况下如何获得选择值？

用angular-cli创建了一个角度4项目.在angular-cli.json文件中导入css和js.

"styles": [
    "../node_modules/materialize-css/dist/css/materialize.css",
    "styles.css"
],
"scripts": [
    "../node_modules/jquery/dist/jquery.js",
    "../node_modules/hammerjs/hammer.js",
    "../node_modules/materialize-css/dist/js/materialize.js",
    "../src/assets/js/init.js"
],

init.js具有以下功能

(function($) {
    $(function() {
        $('.slider').slider();
        $('.button-collapse').sideNav();
        $('.carousel').carousel();
        // $('.carousel.carousel-slider').carousel({fullWidth: true});
        $('.carousel').carousel({
            dist: 0,
            shift: 0,
            padding: 20,
        });

    }); // end of document ready
})(jQuery);

在app.module.ts中导入MaterializeModule从'angular2-materialize'导入{MaterializeModule};

当我们第一次登陆页面或刷新时,滑块按预期工作.

问题:当我们使用router-link导航时,页面导航正确但javascript函数没有被调用.

从主页路由 <a routerLink="/blog/abc-1">Blog</a>

我试过:`blog.component.ts

import { Component, OnInit } from '@angular/core';
import { MaterializeModule } from 'angular2-materialize';

import * as $ from 'jquery';

import * as Materialize from 'materialize-css';


declare let Materialize : any;

@Component({
  selector: 'app-blog',
  templateUrl: …

使用MaterializeCSS 1 rc2，我尝试从Javascript更新DatePicker的日期。

我的HTML

<form action="#" novalidate>
   <input type="text" class="datepicker" name="date" id="datepicker">
</form>

我的JS

function changeDate(date) {
    /* date is a javascript Date object */
    var datepicker = document.getElementById('datepicker');
    var instance = M.Datepicker.getInstance(datepicker);
    instance.setDate(date);
}

查看控制台，所有变量均设置为期望值。当我单击DatePicker时，这也是显示的预期日期（我在中使用的日期changeDate）。但是输入字段中的文本不会更改...

我浏览了materializecss和materialUI的主页。第一个提到基于Material Design的现代响应式前端框架，第二个提到实现Google的Material Design的React组件。他们两个都实现了材料设计，并且都给了我使用的组件。两者之间的区别到底在哪里？

我是HTML和CSS的新手，无法弄清楚如何更改http://materializecss.com/footer.html上的页脚颜色。任何帮助都会很棒，谢谢！

我想知道是否可以将不透明度元素添加到 sass 变量中？我正在开发一个项目，我需要创建不同的颜色深浅并在自定义排版文件中使用它们。我的问题是，当我在 rdga 中创建一个颜色变量并将其实现到我的工作中时，该变量将代码更改为 CSS 不透明元素，该元素写在颜色元素下，然后它通过浏览器运行并抛出错误。是否有某种方法可以在变量中实现不透明度，这样就不会出现此问题？

任何帮助都会很棒，谢谢

这是我的变量：

   $white-text-dh: rgba(255, 255, 255, 0.5);
   $white-text-d: rgba(255, 255, 255, 0.12);

这是排版前：

  .c-title{
            font-size:20px;
            color: $white-text-d;
            font-family: Roboto-Light;
         }

这是html

         <span class="c-title">hello</span>

这是在开发人员工具中读取的内容，但颜色有错误。颜色元素无法读取不透明度

      .c-title {
                font-size: 20px;
                color: #ffffff opacity 0.7%;
                font-family: Roboto-Light;
                }

使用具体化工具提示时出现此错误。我正在显示有关手风琴折叠事件和页面滚动事件的工具提示。如何解决这个问题？