Click here to Skip to main content
11,647,170 members (69,617 online)
Rate this: bad
good
Please Sign up or sign in to vote.
See more: jQuery JQueryUI
Hi,
I am using 2 sortable objects and 1 droppable object.
The 2 sortable are connected using "connectWith" property.

Click here to see a image example.

The idea is that i will drag objects from the bottom sortable to the upper sortable or to the droppable object.

The problem is that when i am dragging a object from the bottom sortable to the draggable object, the second sortable get it instead of the draggable object.
This is happen only if my mouse is hover the second sortable in the way to the draggable.

As you can see in the attached image if I am dragging the object using the orange path and drop it in the droppable object it will land in the second sortable object and not in the droppable object.
But, if I am dragging the object using the green path and drop it
in the droppable object it will land in the droppable object as it needed to work.

What that i already try to do is:
The 2 sortable are connected using the "connectWith" property. I try to change the property
on the air when the mouse is out from the second sortable but its not fixing it, the change apply only in the next time that i drag a object and not when a object is in dragging mode.

I made also a example on jsFiddle

Thanks!

Click here to see a image example.
Posted 10-Dec-12 4:59am
Edited 11-Dec-12 23:02pm
v3

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

  Print Answers RSS
0 jyo.net 500
1 F-ES Sitecore 370
2 DamithSL 335
3 OriginalGriff 322
4 CPallini 290
0 OriginalGriff 1,277
1 jyo.net 994
2 DamithSL 946
3 Sergey Alexandrovich Kryukov 853
4 CPallini 760


Advertise | Privacy | Mobile
Web01 | 2.8.150804.2 | Last Updated 12 Dec 2012
Copyright © CodeProject, 1999-2015
All Rights Reserved. Terms of Service
Layout: fixed | fluid

CodeProject, 503-250 Ferrand Drive Toronto Ontario, M3C 3G8 Canada +1 416-849-8900 x 100