library-mirrors/jquery-ui
1
0
Fork 0
mirror of https://github.com/jquery/jquery-ui.git synced 2024-11-21 11:04:24 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

Draggable: Position helper in the same relative position as the original element, compared to the pointer.

Browse Source
This commit is contained in:
Scott González 2012-01-15 15:18:12 -05:00
parent 0e96a50231
commit 266fb1e89e
1 changed files with 32 additions and 23 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

55
ui/jquery.ui.draggable.js vendored
View File

@ -49,29 +49,9 @@ $.widget( "ui.draggable", $.ui.interaction, {
_start: function( event, pointerPosition ) { _start: function( event, pointerPosition ) {
// The actual dragging element, should always be a jQuery object // The actual dragging element, should always be a jQuery object
this.dragEl = this.element; this.dragEl = this.options.helper ?
this._createHelper( pointerPosition ) :
// Helper required this.element;
if ( this.options.helper ) {
// clone
if ( this.options.helper === true ) {
this.dragEl = this.element.clone()
.removeAttr( "id" )
.find( "[id]" )
.removeAttr( "id" )
.end();
} else {
// TODO: figure out the signature for this; see #4957
this.dragEl = $( this.options.helper() );
}
this.dragEl
// Helper must be absolute to function properly
.css( "position", "absolute" )
// TODO: add appendTo option
.appendTo( this.document[0].body )
.offset( this.element.offset() );
}
this.cssPosition = this.dragEl.css( "position" ); this.cssPosition = this.dragEl.css( "position" );
this.scrollParent = this.element.scrollParent(); this.scrollParent = this.element.scrollParent();
@ -141,6 +121,35 @@ $.widget( "ui.draggable", $.ui.interaction, {
/** internal **/ /** internal **/
_createHelper: function( pointerPosition ) {
var helper,
offset = this.element.offset(),
xPos = (pointerPosition.x - offset.left) / this.element.outerWidth(),
yPos = (pointerPosition.y - offset.top) / this.element.outerHeight();
// clone
if ( this.options.helper === true ) {
helper = this.element.clone()
.removeAttr( "id" )
.find( "[id]" )
.removeAttr( "id" )
.end();
} else {
// TODO: figure out the signature for this; see #4957
helper = $( this.options.helper() );
}
return helper
// Helper must be absolute to function properly
.css( "position", "absolute" )
// TODO: add appendTo option
.appendTo( this.document[0].body )
.offset({
left: pointerPosition.x - helper.outerWidth() * xPos,
top: pointerPosition.y - helper.outerHeight() * yPos
});
},
_getPosition: function() { _getPosition: function() {
var left, top, position, var left, top, position,
scrollTop = this.scrollParent.scrollTop(), scrollTop = this.scrollParent.scrollTop(),