materialize

问题 Currently I'm working with simple AJAX put request when user change something in input field and click on "check" icon. The code below doesn't change icon from "edit" to "check", BUT when I delete a line $.when($(icon).trigger("click")).then(function(){ with AJAX request then the icon will change. I really appreciated any help with the appropriate jquery instruction $(document).ready(function() { $('.clickable-edit-icon').click(function(e){ e.preventDefault(); var delete_id = $(this).closest(

问题 Hello I'm experiencing an annoying issue that i cannot fix. I'm using AngularJs to display a serie of cards, each one having its own dropdown menu. Here's the code: <div ng-repeat="feedback in feedbacks" class="card"> <div class="cardMoreActionsButton"> <a class="dropdown-button" dropdown href="#" data-activates="cardMoreActions{{feedback.FeedbackTrackerId}}"> <i class="material-icons grey-icon">more_vert</i> </a> <ul id="cardMoreActions{{feedback.FeedbackTrackerId}}" class="dropdown-content"

问题 I am using materialize design framework for responsive html page. We can easily manage 2, 3, 4 column in a row. But right now i want to show 5 column in a row. <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.97.7/css/materialize.min.css"> <!-- Compiled and minified JavaScript --> <script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.97.7/js/materialize.min.js"></script> <div class="container"> <div class="row"> <div class="col l3"> <img src="https

问题 I am trying to use MaterializeCSS to create a Carousel with arrows. I am trying to use this codepen to limited success. I want to implement a carousel with arrows, using vanilla javascript rather than jQuery. Here is my HTML Code: <div class="aboutMeCarousel carousel carousel-slider center"> <div class="carousel-fixed-item center middle-indicator"> <div class="left"> <a class="movePrevCarousel middle-indicator-text waves-effect waves-light content-indicator"><i class="material-arrows left

问题 I am trying to use MaterializeCSS to create a Carousel with arrows. I am trying to use this codepen to limited success. I want to implement a carousel with arrows, using vanilla javascript rather than jQuery. Here is my HTML Code: <div class="aboutMeCarousel carousel carousel-slider center"> <div class="carousel-fixed-item center middle-indicator"> <div class="left"> <a class="movePrevCarousel middle-indicator-text waves-effect waves-light content-indicator"><i class="material-arrows left

问题 I cannot upload a screenshot of my web UI due to confidential reason. Materialize modal is supposed to behave like here, but unfortunately, what happened to my web is that the whole page including the modal are part of the "dark background". The modal should be overlaid on top of the background (which is darkened) and the modal should be an active page. My z-index for the modal is 1003 (default). In terms of UI, whatever I click would close the modal even the buttons within modal (In fact i

问题 I am using Materialize to style some of my web pages. I have noticed that Roboto font does not render correctly in Firefox (v43.0.3), but looks fine in Chrome. Both browsers are downloading the woff2 font file from my server, which this question seems to indicate should be the optimum choice for modern browsers. Chrome rendering: Firefox rendering: (I realize these low-res screencaps are not the best reproduction, the differences are much more apparent in the actual browsers.) In the Firefox

问题 I am working on a project which uses Materialize css for front end. Is there any way to get multi select option for dropdown in Materialize css ? Any piece of info would be helpful. 回答1: The materialize staff released a version with multiselect: just add the multiple : <div class="input-field col s12"> <select multiple> <option value="" disabled selected>Choose your option</option> <option value="1">Option 1</option> <option value="2">Option 2</option> <option value="3">Option 3</option> <

问题 I am working on a project which uses Materialize css for front end. Is there any way to get multi select option for dropdown in Materialize css ? Any piece of info would be helpful. 回答1: The materialize staff released a version with multiselect: just add the multiple : <div class="input-field col s12"> <select multiple> <option value="" disabled selected>Choose your option</option> <option value="1">Option 1</option> <option value="2">Option 2</option> <option value="3">Option 3</option> <

问题 I am stuck on initializing certain ui components that need Javascript, e.g, side-nav and carousel, I tried to use React componentDIdMount() lifecycle method, using Javascript as in materialize docs like so, import React, { Component } from 'react'; import MenuIcon from '@material-ui/icons/Menu'; import M from 'materialize-css/dist/js/materialize.min.js'; import 'materialize-css/dist/css/materialize.min.css'; class Navbar extends Component { componentDidMount() { document.addEventListener(