2010-09-24 94 views
0

我有一个滑块,它向每个打开的选项卡上放置一个类(.current-item),并在关闭时移除它。 我想使用LavaLamp作为菜单效果,我需要获取每个具有class current-item的元素的位置。jQuery - 如何获取具有类的元素的位置

我用:

var my = $("li.current-item"); 

var myposition = my.position(); 

function setCurr(el) { 

     $back.css({'top': myposition.top }); 

     curr = el; 

}; 

但它仅适用于一个项目(第一批)。 在滑块移除类并将类广告到下一个li后没有任何反应。

这是实况:http://asgg.ro/slider-html/ 该脚本的src位于源代码的底部。

我是新来的jquery,我真的需要一些帮助! 非常感谢您

+1

你在哪里把这些代码?每次你想检查位置时,你都必须找到“.current-item” - 尝试在你的“setCurr”函数中放入前两行*。 – Pointy 2010-09-24 22:25:09

+0

@Pointy有我想的答案。取决于你遗漏的代码。但它看起来像你需要在setCurr函数中重新找到.current-item的位置 – fehays 2010-09-24 22:29:37

+0

谢谢你的答案,但不工作。这是活的版本http://asgg.ro/slider-html/ – 2010-09-24 22:36:49

回答

1

尝试

function setCurr(el) { 
    var my = $("li.current-item"); 
    var myposition = my.position(); 
    $back.css({'top': myposition.top }); 
    curr = el; 
}; 
+0

谢谢你的回答,但它不起作用。我尝试了很多组合。这是现场版本:http://asgg.ro/slider-html/ – 2010-09-24 22:35:41

2
var offset = $('.class_name').offset(); 

var x_pos = offset.left; 
var y_pos = offset.top; 

这会给你相关的视口元素的X和Y位置 料斗中这有助于

+0

行之前的四个空格格式为代码。 'ctr-k'在选择中的每一行之前放4个空格。 – 2010-09-24 23:01:56

+1

对不起,彼得,我只是忘记格式化这封邮件,感谢你编辑它;) – Mike 2010-09-24 23:03:38