jQuery - 仅针对类的第一个元素

时间:2014-08-08 23:29:20

标签: javascript jquery

我试图制作旋转木马 - 一个帮助我学习jQuery的个人项目,比阅读更有趣!

我碰到了一点点 - 我试图瞄准我所有的" .item"但它只是击中了第一个一个人停下来从我所见,我需要使用数组?我已经尝试了,但它仍然只针对第一个。

这是我到目前为止的小提琴:http://jsfiddle.net/baxjf3bz/

我认为问题在于这段代码:

item.each(function(i){

            itemNo [i] = item;
            item.css("left", carouselItemNo * carouselItemWidth - 192 + "px");

        });

我想要完成的事情:

jQuery定位该项目。它按宽度抓取rel和multips,然后缩小宽度,使它在正确的位置。因此,每个项目将与前一个项目完全相差192px。所以他们都可见。如果这有意义吗?

任何有关我出错的地方的帮助和解释都会受到大力赞赏。

谢谢!

2 个答案:

答案 0 :(得分:1)

不完全确定您尝试使用该数组的内容,但您可以在设置css属性时使用函数设置集合中每个项目的left属性。

http://jsfiddle.net/baxjf3bz/1/

item.css('left', function(i){
    var offset = ( i * carouselItemWidth );
    return offset;
});

这将设置' left'对于集合中每个项目的属性,变量i是集合中当前项目的索引。

答案 1 :(得分:0)

你试图用i递增这是当前循环的实际元素,而不是所选元素的索引。