Set position of draggable div

javascript jquery jquery-ui jquery-ui-draggable
Andres picture Andres · Oct 5, 2011 · Viewed 25.7k times · Source

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!

Answer

Mohsen picture Mohsen · Oct 5, 2011

.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})

Related questions

Custom helper for jQuery UI Draggable

I have a jQuery UI draggable, and I've tried to create a custom helper which would contain some but not all information of the original element. Here's my draggable elements; <ul> <li><div>Name&…

Read More
jQuery drag and drop - checking for a drop outside a droppable

My apologies if this was answered in another question, I could not find an answer specific to my problem! I'm trying to test whether a jQuery draggable is being dropped outside of a legal droppable. This would normally be solved 90% …

Read More
jQueryUI draggable + sortable bug (Cannot read property 'options' of undefined)

My question seems to resemble this question: dragging from a sortable list to a drag and drop plugin But since there is no answer given to that one i was wondering if anybody could / would be able to figure it …

Read More