EasyUI Forum

General Category => EasyUI for jQuery => Topic started by: jega on July 16, 2016, 11:34:20 AM

Title: [SOLVED] Draggable set position
Post by: jega on July 16, 2016, 11:34:20 AM

Hi.

Have this div

<div id="teamNameShape" class="easyui-draggable" data-options="onDrag:onDrag,onStopDrag:onStopDrag" style="width:auto;height:auto"></div>

in function onStopDrag, i save the left and top to database.

When open site, i want to set div at the saved position.

Can't see something like

$('#teamNameShape').draggable('left',saved number)
$('#teamNameShape').draggable('top',saved number)

Any help ??

Title: Re: Draggable set position
Post by: stworthy on July 17, 2016, 08:05:50 PM

Please use the native 'css' method to set the element's position.

Code:

$('#teamNameShape').css('left', saved number);
$('#teamNameShape').css('top', saved number);

Title: Re: [SOLVED] Draggable set position
Post by: jega on July 18, 2016, 03:00:47 AM

Doesn't Work,
$('#teamNameShape').css('left', saved number);
$('#teamNameShape').css('top', saved number);

But this Work ;-)
$('#'+element.shapeName).css({left: element.shapeLeft+'px', top: element.shapeTop+'px', position:'absolute'});