Set position of draggable div

Question

I'm doing a little application using jQuery and JQuery ui.

I've defined a dragable div, and it works perfectly, but I want to set the position of the div when a click a button...

I read here in stackOverflow to do this:

element.position().top = topUserDefined;
element.position().left = leftUserDefined;

I did an alert of element.position().top before and after this assignment and the new value it's not assigned, it keeps the original one...

Any Idea??? Thanks!

Mohsen · Accepted Answer · 2012-08-16T17:22:54.373

30

.position() gets the position. It doesn't set the position. It actually uses element.offsetLeft and element.offsetTop (compared to element.offsetParent position) those are read only.

Change inline CSS value to move your element:

element.css({'top': 10, 'left' : 20})

edited Aug 16 '12 at 17:22

answered Oct 05 '11 at 17:08

Mohsen

64,437
34
159
186

thanks a lot!! Working now... I don't know why I was trying to do something more difficult... – Andres Oct 05 '11 at 17:17
It always happens! :) Y U No select this answer as correct? :D – Mohsen Oct 05 '11 at 17:29

Set position of draggable div

1 Answers1

Linked