www.webdeveloper.com
Results 1 to 2 of 2

Thread: jQuery - Drag a object to a droppable object after the object hover a sortable object

Hybrid View

  1. #1

    jQuery - Drag a object to a droppable object after the object hover a sortable object

    Hi,
    I am using 2 sortable objects and 1 droppable object.
    The 2 sortable are connected using "connectWith" property.
    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.

    example.jpg

  2. #2
    Hi,
    I made also a example on jsFiddle:
    http://jsfiddle.net/royshoa/2srUd/

    Thanks!

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Tags for this Thread

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
HTML5 Development Center



Recent Articles