I'm working with a draggable/droppable/sortable application, and have
an issue with draggables going into the wrong box after being
dropped. There are 3 or 4 parallel columns with multiple DIV's in
each column. I drag a DIV to a different column, with the mouse
pointer clearly within one column... but the DIV is wide enough such
that right edge of the DIV crosses over the column border into the
next column to the right. When the draggable is dropped, it does not
go where the pointer is, but to the column where the right edge is.
I can get around this by always grabbing the DIV near the right
border, and thereby get it into the intended column, but it would be
nice if I could grab it anywhere.
Here's my droppable call:
$('div.scroll').droppable({
accept: 'div.record',
tolerance: 'pointer',
drop: function(event, ui) {
ui.draggable.addClass("highlight1");
g_newstage = this.id;
}
});
In case it matters, the droppable columns are DIV's with
overflow:auto, and each contained within table cells.
Running jquery-1.3.2.min.js and jquery UI 1.7.2
--~--~---------~--~----~------------~-------~--~----~
You received this message because you are subscribed to the Google Groups
"jQuery UI" group.
To post to this group, send email to [email protected]
To unsubscribe from this group, send email to
[email protected]
For more options, visit this group at
http://groups.google.com/group/jquery-ui?hl=en
-~----------~----~----~----~------~----~------~--~---
