个人中心
文章发布
退出
作者热门文章
- html - 出于某种原因，IE8 对我的 Sass 文件中继承的 html5 CSS 不友好？
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景？
26
4
这不是 this 的副本.不同于
我一直在尝试在网页中包含 MaterializeCSS 轮播，并且我使用的是最新的 MaterializeCSS 文件。除了旋转木马之外，所有其他组件都可以正常工作。
我已经初始化了轮播并尝试了其他元素，一切似乎都运行良好。
<html>
<head>
<!--Import Google Icon Font-->
<link href="http://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<!--Import materialize.css-->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.97.7/css/materialize.min.css">
<link type="text/css" rel="stylesheet" href="css/main.css" media="screen,projection"/>
<!--Let browser know website is optimized for mobile-->
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
</head>
<body>
<!--Import jQuery before materialize.js-->
<script type="text/javascript" src="https://code.jquery.com/jquery-2.1.1.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.97.7/js/materialize.min.js"></script>
<!--Other element insitialisations-->
<script type="text/javascript" language="javascript">
$( document ).ready(function(){
$(".button-collapse").sideNav();//mobile screen menu init
$('.carousel').carousel(); //carousel init
$('.slider').slider({full_width: true});//slider init
});
</script>
<div class="carousel carousel-slider">
<a class="carousel-item" href="#one!"><img src="http://lorempixel.com/800/400/food/1"></a>
<a class="carousel-item" href="#two!"><img src="http://lorempixel.com/800/400/food/2"></a>
<a class="carousel-item" href="#three!"><img src="http://lorempixel.com/800/400/food/3"></a>
<a class="carousel-item" href="#four!"><img src="http://lorempixel.com/800/400/food/4"></a>
</div>
</body>
</html>
最佳答案
您使用了错误的类来初始化 slider 。
使用
$('.carousel-slider').slider({full_width: true});//slider init
代替
$('.slider').slider({full_width: true});//slider init
关于javascript - MaterializeCSS 轮播不工作，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/38567771/
26
4
0
我正在使用 materializecss。但是我不能让图标工作它说这个词但不显示图标？ 我包含了 materializecss 和 js 但仍然无法正常工作... 有人知道怎么修这个东西吗？ 最佳答案
与 materializeCSS我试图将一个按钮和一个输入字段放在另一个附近(类似于 default file input )，如下图所示。 但是我很难实现它，因为输入字段标签在按钮上方或字段在按钮下
我正在使用 materializecss 但响应式菜单不起作用？？我从他们的网站上复制了确切的 html，它看起来不错，但是将窗口缩放到较小的尺寸时会出现按钮，但是当我单击它时它不起作用... 最佳答
我尝试了 MaterializeCSS 选择的背景颜色。我试图使用这个问题，但它没有用 Change select box option background color就像常规 HTML 一样(没有
我正在使用来自 materializecss 的日期选择器，我需要禁用所有天，除非星期一，在我使用的其他插件上 'daysOfWeekDisabled'参数，但在这种情况下，我必须使用 disable
这个问题在这里已经有了答案: How to Create Grid/Tile View? [duplicate] (8 个答案) 关闭 6 年前。 比起 Bootstrap，我更喜欢 Materia
我正在使用 materializecss第一次在我的网络应用程序中 我正在努力解决 日期选择器 .它根本不起作用。 我进口的 materialize.css 和 js 文件并使用代码 并添加
我一直在努力让 MaterializeCSS 元素在我的项目中正常工作。 JS 函数都不起作用，我不知道为什么。 这是我的JSFiddle这是行不通的。 据我所知，它是 this one 的精确复制品
我正在使用materializecss我之前工作的菜单之一似乎有一个奇怪的问题。这是它目前正在做的， 底层代码是一个循环。
我正在尝试使用 MaterializeCss 日期选择器表单字段来设置生日。 $('.datepicker').pickadate({ selectMonths: true, // Cre
我正在使用 MaterializeCSS 0.9.8(带有 Angular-materialize 指令)和 Angular 1.5.0 我的目标是在表中生成一些行，每一行都需要具有基本相同的自动完成
我在 Rails 应用程序中使用 materialize-sass gem，但在使用时遇到了一些问题。它仅在根(主页)页面以及其他一些页面中运行良好，但在整个站点上则不然。 .button-colla
我在我的网站上使用 Materializecss，我想在用户按下大 Action 按钮时在较小的 Action 按钮上显示工具提示。 Materializecss 默认仅在悬停时显示工具提示。 有没有
我使用 CSS Materialize 框架，但有一个问题。单击链接时如何关闭左侧移动菜单？默认情况下，仅当您单击菜单外部时，菜单才会关闭。所以我尝试使用函数removeMenu()，但它不起作用。有
我正在尝试在全屏 MaterializeCSS 轮播中设置起始位置。我想将它用作全屏模式内的图库图像查看器。单击图库图像后，模态 打开，图像 slider 应从单击的图像开始。在 Materializ
这不是 this 的副本.不同于 我一直在尝试在网页中包含 MaterializeCSS 轮播，并且我使用的是最新的 MaterializeCSS 文件。除了旋转木马之外，所有其他组件都可以正常工作。
我使用了来自 materializecss modal 的相同示例. 这里的问题是modal在anchor的click事件之前打开。 Specialization Modal Head
我在使用 Materialise CSS 多选框时遇到问题。 我知道需要调用的 javascript 函数 material_select。 JSFiddle Documentation 任何帮助都适
search close 有谁知道当有人在搜索框上写信时如何添加下拉建议？ 使用 Materialise CSS 最佳答案
我有以下侧边导航代码: Last Updated: Text Here Subheader Third Link With Waves 我还有下面的头代码:
我是一名优秀的程序员,十分优秀！