tags:

views:

17

answers:

1
Q: 

Jquery ui - drop is not working all the times

Hi all,

I have been facing a problem with the Jquery UI drag and drop. Please find out my sample code at,

http://jsbin.com/ojaji4

In above sample, There are two droppables. I have set [tolerance: 'pointer'] for droppables. In the middle, there are draggable elements. Now, start dragging element from the left side BLUE square and try to drop it over right side droppable (OR, start dragging element from the right side BLUE square and try to drop it over left side droppable). Both above scenarios, won't work!

Can anybody please suggest?

A: 

Remove the "containment: 'body'" from the draggables, so they can go further then the body.

Ryukra  2010-06-23 07:34:16
Thanks Ryukra, This fixes the problem. But, raises another issues like, 1. horizontal scrollbar comes when starting drag from left and trying to drop onto right dropbox 2. dragged object disappers from the screen while dragging from the right and trying to drop onto left box Ideally, What I aim is.. if [tolerance: 'pointer'] is set then above two problems should not appear; But rather, as soon as mouse pointer comes over droppable then drop should begin
bhavnik  2010-06-23 09:19:08

related questions

How does one cancel/unaccept a drag-and-drop operation in Flex 3?
jQuery: How to stop a helper from being removed if it wasn't successfully dropped.
Drag/Drop inside an Application AND to another Application
JQuery drag and drop - how to get at element being dragged
Delphi for PHP
TListBox Drag and Drop problems with MultiSelect enabled
Drag and drop in winapi
How to create nestable draggables in Scriptaculous?
jQuery UI droppables - changing the image that's dropped
Dojo DnD acceptance of outside objects
Drag and drop onto Python script in Windows Explorer
How can I read raw (CF_HTML) clipboard data in a webpage or C#?
QDrag destroyed while dragging
Is it possible to drag and drop from/to outside a Flash applet with JavaScript?
HTML drag and drop sortable tables
Can't Drag Items Onto An Empty List Using Scriptaculous Sortables
How do I drag and drop files into a c# application?
MFC: MessageBox during a Drag-Drop
Javascript tree views that support multiple item drag/drop
How to implement mouse dragging in Visual Basic?
DoDragDrop and MouseUp
wxpython: How do I examine dragged data in OnDragOver?
How can I "unaccept" a drag in Flex?
Mootools: Drag and Drop problem
YUI drag&drop proxy drag