2010-09-24 2 views
0

У меня есть ползунок, который рекламирует класс (.current-item) для каждой вкладки, которая включена, и удаляется, когда она выключена. Я хочу использовать LavaLamp для меню efect, и мне нужно получить позицию каждого элемента с текущим элементом класса.jQuery - Как получить позицию элемента с классом

я использовал:

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

var myposition = my.position(); 

function setCurr(el) { 

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

     curr = el; 

}; 

Но это работает только для одного элемента (первый). Afer ползунок удаляет класс и рекламирует класс для следующего li, ничего не происходит.

Здесь живут: http://asgg.ro/slider-html/ СРК в сценарий находится в нижней части источника.

I`m новичок в jquery, и мне действительно нужна помощь! Большого спасибо

+1

Где вы положили этот код? Вы должны найти «.current-item» каждый раз, когда хотите проверить позицию - попробуйте поместить эти первые две строки * внутри * вашу функцию «setCurr». – Pointy

+0

@Pointy имеет ответ, который я думаю. Зависит от кода, который вы оставили. Но похоже, что вам нужно найти позицию .current-item в функции setCurr. – fehays

+0

Спасибо за ответы, но не работаем. Это версия в прямом эфире http://asgg.ro/slider-html/ –

ответ

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/ –

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

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

это даст вам X и Y положение элемента, связанный с видовым Hoper это помогает

+0

Четыре пробела перед форматированием строк в виде кода. 'ctr-k' помещает 4 пробела перед каждой строкой в ​​выборе. –

+1

извините, Питер, я просто забыл отформатировать сообщение, спасибо за его редактирование;) – Mike

Смежные вопросы