视差无法实现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();
});