Questions tagged [jquery-ui-droppable]

The jQuery UI Droppable plugin makes selected elements droppable so they accept being dropped on by draggables.

The Droppable plugin makes selected elements droppable (meaning they accept being dropped on by draggables). You can specify which (individually) or which kind of draggables each will accept.

Useful links


Related Tags

658 questions
4
votes
2 answers

Dragging and dropping one dialog box into another box adding unnecessarily scrollable bar

When one dialog box i.e 'Iteration 1' dragged and dropped into another dialog box i.e Release 1 works perfectly but adding unnecessarily scrollable bar to other dialog box i.e 'Release 1'.I want to see my dialog box i.e 'Iteration 1' at the top left…
Little bird
  • 1,106
  • 7
  • 28
  • 58
4
votes
2 answers

jQuery droppable container not always catching the drop event

I have two possible use case of drag and drop using jQuery. In one case the drop works but only if you closely target the top of the .droppable div, On the other case it just never works. I really can't see what the problem is here, both should…
LanFeusT
  • 2,392
  • 5
  • 38
  • 53
4
votes
1 answer

making dynamically added DIVs be droppable?

I'm having a problem making a dynamically added div the target for my drag and drop operations If someone could examine this fiddle http://jsfiddle.net/dgobrien123/FvG2J/embedded/result/ and possibly assist me in finding my error. In the document…
4
votes
1 answer

Fullcalendar - Drag and Drop icons on event?

I am using full calendar plugin. This plugin has a feature that allows external events to be dragged and drop on the cell(for specific day). However, I am looking for a way to associate external icons(image) with the events in the cell using drag…
4
votes
1 answer

jQuery Draggable, use left side possible?

I have a grid whereby draggable objects can be dropped onto the grid. The draggable objects are generally larger than the grid. My problem is that when an object is dropped, it uses the center of the object to determine where it was dropped. In…
user1166905
  • 2,612
  • 7
  • 43
  • 75
4
votes
2 answers

Emberjs and jQuery UI clone helper

I'm trying to get jqueryui drag and drop to work with emberjs. I have a fiddle set up here: http://jsfiddle.net/XMgwV/13/ but I cant seem to get the drop event to fire. The mixin is from this demo:…
oskbor
  • 1,592
  • 18
  • 35
4
votes
1 answer

jQuery UI: Droppable ('drop' event, tolerance: touch ) bug in safari (mac)

I am not able to solve the following problem: The below code works in all browsers of mac as well as windows, except that it works partially on macs safari(5.1.5). Note: It works on windows safari(5.1.5). This is the basic…
Priyank Kapasi
  • 1,773
  • 2
  • 18
  • 27
3
votes
1 answer

Jquery UI Droppable not working giving an error in Firefox and chrome?

I am using Jquery Ui Draggable and droppable. The Draggable is working fine and the items are dragging, but for some reasons I didn't get the droppable working. If I alert something in the droppable function nothing displays. I am using Jquery UI…
samir chauhan
  • 1,543
  • 1
  • 17
  • 42
3
votes
1 answer

Values always visible in console.log but sometimes not visible in input fields

I ran into a problem which I am not sure how to fix. When I drag the knob into the picture a clone is created. Below the image, a form is then shown with the position of the button. The problem is that sometimes this value is not updated in this…
3
votes
1 answer

Drag multiple divs into another jQuery

I've been trying to drag divs from one div to another using jQuery. Here's what I've got so far $(document).ready(function() { $(".draggable").draggable(); $(".bucket").droppable({ drop: function(event, ui) { if…
3
votes
2 answers

jQuery UI's greedy droppable not working as expected

I have a list of draggables than can be dropped inside a droppable and when this happens, the draggables are cloned and converted to droppables. This new droppables are greedy but when they receive a draggable, both drop events are fired (the drop…
Matías Cánepa
  • 5,770
  • 4
  • 57
  • 97
3
votes
2 answers

Build the matching option for jQuery UI Droppable's Intersect tolerance

I want to drag an element into TWO OR MORE droppable areas, but those droppable areas need to be wholly contained within my draggable object. The problem is, none of jQuery UI's existing functionality for droppable tolerances meets this…
Bing
  • 3,071
  • 6
  • 42
  • 81
3
votes
1 answer

Not able to drop a draggable on dynamically created droppable inside another droppable

Please see jsfiddle. I want to add a new div (Row in my example) that can be added to it another div (Button in my example) by drag and drop (jQuery UI). I created new div ($row) in helper function (addNewRow) and added new function for drag and…
3
votes
1 answer

addEventDelegate Not fired After Drop in Drag and Drop

I'm trying to implement drag and drop funcitonality between two lists. I'm able to drag and drop the list item from One list to another. However, after the drop , the second list ( which receives the element) is no more droppable. I checked the…
Rahul Bhardwaj
  • 2,303
  • 1
  • 17
  • 28
3
votes
1 answer

How to drop a draggable into a sortable, the droppped item is not the original element but a custom helper

The jQuery draggeble/sortable demo only shows how to drop a clone of the draggable (draggable and sortable items have the same structure). I want to drop a different DOM structure. For instance, when I drag a simply div, the dragged element gets…