javascript - 视差在具体化 css 中不起作用

Question

我正在使用 Materialise Framework 创建一个 PhoneGap 应用程序。

http://materializecss.com

他们有一个视差设置，您可以在这里看到他们的符号:

http://materializecss.com/parallax.html

当我运行它时，我的图像根本不显示。我的 html 看起来像这样:

<div class="row">
  <div class="col s12 m7">
    <div class="card">

      <div class="parallax-container" style = "height:100px;">
        <div class="parallax"><img src="/img.png"></div>
      </div>

      <div class="card-content">
        <h5> test</h5>
        <h6> test</h6>
        <h6> test </h6>
        </br>
        <p> test</p>
      </div>

      <div class="card-action">
        <a href="#">This is a link</a>
      </div>

    </div>
  </div>
</div>

Answer 1

看我的例子:http://jsfiddle.net/yhgj48tr/

不要忘记初始化它:

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