2010-09-24 82 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

相關問題