Javascript 物化css滑块不工作，显示灰色背景

嘿，伙计们，我正在为我的网站使用物化css。当我为滑块插入代码时，它只显示灰色背景。这是我的密码：

<div class="slider">
<ul class="slides">
  <li>
    <img src="http://lorempixel.com/580/250/nature/1"> <!-- random image -->
    <div class="caption center-align">
      <h3>This is our big Tagline!</h3>
      <h5 class="light grey-text text-lighten-3">Here's our small slogan.</h5>
    </div>
  </li>
  <li>
    <img src="http://lorempixel.com/580/250/nature/2"> <!-- random image -->
    <div class="caption left-align">
      <h3>Left Aligned Caption</h3>
      <h5 class="light grey-text text-lighten-3">Here's our small slogan.</h5>
    </div>
  </li>
  <li>
    <img src="http://lorempixel.com/580/250/nature/3"> <!-- random image -->
    <div class="caption right-align">
      <h3>Right Aligned Caption</h3>
      <h5 class="light grey-text text-lighten-3">Here's our small slogan.</h5>
    </div>
  </li>
  <li>
    <img src="http://lorempixel.com/580/250/nature/4"> <!-- random image -->
    <div class="caption center-align">
      <h3>This is our big Tagline!</h3>
      <h5 class="light grey-text text-lighten-3">Here's our small slogan.</h5>
    </div>
  </li>
</ul>

---

您需要通过调用slider来初始化slider

$(document).ready(function () {
    // Plugin initialization
    $('.slider').slider();
})

您还需要materialize.js

---

签出。

您需要通过调用slider来初始化滑块

$(document).ready(function () {
    // Plugin initialization
    $('.slider').slider();
})

您还需要materialize.js

---

签出。

首先需要materialize.js插件。然后必须将下面的javascript代码插入到.html文件或.js文件中

$(document).ready(function () {
   $('.slider').slider();
})

---

首先，您需要materialize.js插件。然后必须将下面的javascript代码插入到.html文件或.js文件中

$(document).ready(function () {
   $('.slider').slider();
})

---

我有一个单独的JS，其中我初始化了index.html中包含的slider文件，但它没有显示服务器上的图像。$document.readyfunction{$.slider.slider；$.dropdown1.dropdown；}；我有一个单独的JS，其中我初始化了index.html中包含的slider文件，但它没有显示服务器上的图像。$document.readyfunction{$.slider.slider；$.dropdown1.dropdown；}；