2010-12-03 4 views
0

Я пытаюсь использовать jquery Position для размещения элемента относительно другого.jquery: позиция?

В основном триггерный элемент составляет 15px * 15px.

Целевой элемент 200px * 200px

Я хочу иметь,

, когда я нажимаю на элемент триггера, имеют целевой элемент, расположенный так, чтобы верхняя его соответствует верхней части курка,

и слева от целевого элемента должно быть 5 пикселей справа от элемента триггера.

Как мне это сделать?

(примечание: $ ('# цель'), $ ('# триггер');)

+1

, пожалуйста, разместите свой код, это облегчит вам ответ – 2010-12-03 07:15:47

+1

Это зависит от схемы позиционирования (относительной, абсолютной, статической) обоих элементов и их соответствующих родительских элементов. Pleaes публикует html для документа, который вы используете. – prodigitalson 2010-12-03 07:19:07

+0

Я обновил свой ответ, проверьте, хотите ли вы что-то на этих строках – kobe 2010-12-03 07:27:36

ответ

1

использование offset в jQuery UI Position (как вы говорите, что вы пытаетесь использовать), как это:

$("#trigger").click(function() { 
    $("#target").position({ 
     my: "left top", 
     at: "right top", 
     of: "#trigger", 
     offset: "5 0" 
    }); 
}); 
0

JQuery смещения имеет верхнее и левое свойство-х вы можете использовать их

http://api.jquery.com/offset/ 

получить элементы запуска смещение,

var triggerPostion=$('#triggerPostion').offset(); 

var targetLeft=triggerPostion.left// manipulate the values 
var targetTop=triggerPostion.top 

$('#targetDivID').css('position','absolute'); 
$('#targetDivID').css('top',targetLeft); 
$('#targetDivID').css('left',targetTop); 
Смежные вопросы