Stack Overflow
Stack Overflow

Questions tagged [jquery-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.

API Documentation

77 questions
1
vote
2 answers

Two different behaviors with Draggable UI helper clone and non-clone, what's going on?

From my understanding the helper option with Draggable UI is only a display effect as described here. But when using it with tables it appears to be bugged (append position is…
javajaba
  • 75
  • 2
  • 11
1
vote
1 answer

Using jQuery UI draggable, how can I use a callback function on hover over a droppable object?

I need to append text to a cloned helper object when it's dragged over a droppable object. Is there a way to trigger a callback on hover over a droppable object?
Ryan
  • 14,682
  • 32
  • 106
  • 179
1
vote
1 answer

Drag and drop items to div, and have option to revert to original position

As described, i want to be able to drag some divs from a sort of menu that i have, and be able to drop them to a specific div.. i managed to do sort of it following this.. http://jsfiddle.net/bysnc/ however, i want to add a "x" button on each one,…
nikolas
  • 723
  • 2
  • 17
  • 37
1
vote
0 answers

JQuery - Each Droppable must accept one and only one Draggable

I've got some problems with JQuery - Draggable/Droppable. I've been googling around and also searched this forum. The problem is somewhat solved, but I've got a situation that still leads to unwanted results. I worked forward with some answers in…
Zoizaite
  • 11
  • 4
1
vote
1 answer

Alert trigger after multiple drop events

I gotta admit, I am pretty much a noob, but I have been struggling with this one. I've got to trigger the if after both drops have happened, right now it triggers on load. What am I missing there? $(function() { $( "#draggable" ).draggable({ …
rudolf
  • 61
  • 1
  • 7
1
vote
1 answer

jquery-ui droppable: prevent parent from accepting children

I'm making a document list, and I need to stop a draggable element being accepted by its parent. The option is set like: $( ".onedoc" ).droppable({ accept: ".onedoc" }); but I want the droppable not to accept its immediate children. The problem is…
DMIL
  • 693
  • 3
  • 7
  • 18
0
votes
1 answer

How to re-drag on once element is drop in drop container

I am using jquery drag and drop plugin, I want to hide replica of drag element while dragging and once drag element is dropped on drop container it should be re-draggable. My code is : $(".dragButton").draggable({ helper: 'clone' …
Tushar Ahirrao
  • 12,669
  • 17
  • 64
  • 96
0
votes
1 answer

JQuery complex Drag n Drop - how to add similar captioned column values in different tables

I have a requirement where I have to drop one row from a table to another table's row. During the drop some of the source columns should get added in the target. Example: Source table has a column Id, Number of Bundles, Number of tags and Target…
Bab
  • 85
  • 1
  • 12
0
votes
1 answer

Non moving droppables in a jquery sortable

I am new at coding and hope someone can help me with this. I have a list which is pre populated from the database. The user can then move items within this list. I am using the sortable function on this list as I need the order of the items within…
Mohit Belani
  • 23
  • 4
0
votes
1 answer

How to be sure every draggable elements have been dropped with jQuery droppable

I'm making a webpage with a drag & drop system in it. I have a list of 3 buttons, each one is draggable, and can be dropped into an array. In this array, the TDS are droppable and can receive the buttons coming from the previous list, or buttons…
jquiaios
  • 567
  • 3
  • 15
0
votes
3 answers

drag and drop - the elements don't drop

i'm making a drag and drop quiz here's the full code A jQuery Drag-and-Drop quiz