jquery - JQuery视差不起作用

Question

我正在创建一个具有一些平行背景效果的页面.. 我有三个具有相同背景的 div 看到这个小提琴

当我为所有 div 使用不同的 bg 图像时，parallex 正在工作，但对所有 div 使用相同的 bg 图像，它不工作。

我正在使用这个视差 jQuery 插件http://ianlunn.co.uk/plugins/jquery-parallax/

jQuery代码

$(document).ready(function(){
  $('.sep').parallax("50%", 0.6);
});

Answer 1

看来您需要parallax单独调用每个元素。你可以这样做each：

$('.sep').each(function(){
   $(this).parallax("50%", 0.6); 
});

http://jsfiddle.net/PmYsC/1/

Answer 2

为每个类添加一个独特的类。

$(document).ready(function(){
  $('.sep1').parallax("50%", 0.6);
  $('.sep2').parallax("50%", 0.6);
  $('.sep3').parallax("50%", 0.6);
});

http://jsfiddle.net/wEpMM/