javascript - 为每个包含类的元素执行 jquery 函数

Question

下面的函数大部分工作 - 它根据我的需要移动背景，但是我希望该函数在具有“animate”类的任何元素上运行，而不是必须调用底部的每个元素。我尝试了 $('.animate').load(function(){}; 但它不起作用......谢谢

JavaScript

$(window).load(function(){
(function(){
      $.fn.move = function(){
            var $this = $(this);
            var offset = $this.offset().top;
            var start = 0;
            var end = offset + $this.height();
            var speed = $this.attr("speed");
            return this.each(function(){
                  $(window).bind('scroll', function() {
                       var windowPos = $(window).scrollTop();
                        if((windowPos >= start) && (windowPos <= end)) {
                              var newCoord = windowPos * speed;
                              $this.css({'background-position': '0 '+ newCoord + 'px'});
                        };
                  });
            });
      };
})(jQuery);

$('.animate').move();
});

HTML

<div class="welcome_6"></div>
    <div class="welcome_5"></div>
    <div class="welcome_4"></div>
    <div class="welcome_3"></div>
    <div class="welcome_2 animate" speed="-1"></div>
    <div class="welcome_1 animate" speed="0"></div>

编辑:当我滚动页面时，元素根据滚动位置移动。每个元素以不同的速度移动(设置为 html 属性)。这段代码以相同的速度移动它们。我假设 $('.animate') 应该位于顶部的某个位置，替换 $.fn.move 但我无法弄清楚..

Answer 1

应该是 $('.animate') 而不是 $('animate') 请注意查询开头的点，它向 jQuery 表明您正在寻找类(class)。