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
0
votes
0 answers

jQuery - Draggable and Droppable onClick + icon from draggable add to droppable container

I am using jQuery UI Droppable... How can I add element on clicking on "+" icon from "Draggable" list to "Droppable" list as same as dragging and dropping... HTML

Drag

0
votes
1 answer

How does jquery draggable revert and droppable.drop function play together

I have seen multiple different behaviors in my code (due to a bug maybe) how the draggable revert function works together with the droppable drop event. So I need clarification. My expectation is that the revert function is called FIRST before the…
Pascal
  • 12,265
  • 25
  • 103
  • 195
0
votes
0 answers

How to use image as a droppable element inside div

I have an image inside div which acts as droppable. I want to call drop function when dragging element and hover over the image. I did it but drop function is not getting called smoothly. Below is my html code
0
votes
1 answer

Dynamic table droppable TD

I am building a dynamic table. I want one of the columns in the table to be droppable. Following is my code. Problem in my code is that the entire TR is becoming droppable. Please help $.each(obj, function (i, val) { operation1 = $("" +…
Muzammil Ahmed
  • 33
  • 5
0
votes
1 answer

Multiple droppable divs

I have setup a list of contact in list of categories... http://jsfiddle.net/dalkill/ny7qeep6/2/
blah blah1
…
Shaakir
  • 464
  • 5
  • 13
0
votes
1 answer

maintaining counts of items in sortable lists

I need to maintain the exact counts of items in some sortable lists and am having trouble doing it. The moment I start dragging from list #1 that count increments and there is an extra item in play from then on. The moment I hover over list #2 it's…
user1455270
  • 113
  • 1
  • 9
0
votes
1 answer

JQuery multiple droppables and one function to handle each

Being new to JavaScript/JQuery I'm having a bit of a problem figuring out how could I implement registering drop function of multiple droppables to one function, for example: $('#droppableLW').droppable({ drop :…
user4973
  • 85
  • 7
0
votes
3 answers

JQuery droppable out event triggers too early

I am using JQuery droppable container for dropping other elements. A added hoverClass when users mouse is over the container. In this class I set new width of the container. But this new width in not considered when mouse is leaving the container.…
AvgustinTomsic
  • 1,809
  • 16
  • 22
0
votes
1 answer

How can I use jQuery UI to make a draggable, sortable, droppable card thing?

I want to have playing cards in a hand, but make them droppable in a new space. The cards should also be reorderable (sortable) in the hand. [ #new_space ] [ #hand [.card] [.card] [.card] ] Here's what I've tried…
Some Guy
  • 12,768
  • 22
  • 58
  • 86
0
votes
0 answers

jQuery Drag And Drop Using Live Events with .live()

I am new to jquery. Here is my code // let the gallery items be draggable $("li", $gallery).draggable({ cancel: "a.ui-icon", // clicking an icon won't initiate dragging revert: "invalid", // when not dropped, the…
Rizwan Afzal
  • 5
  • 1
  • 3
0
votes
0 answers

Jquery sortable not dropping

I have a weird issue with jquery sortable and droppable elements. I want to have a list that is sortable and a list from which I can drag elements to add to that list, I don't want that second list to be sortable or droppable. I use the following…
Johanna
  • 1,343
  • 4
  • 25
  • 44
0
votes
1 answer

Add different class to each image with different id after drop event

I have 5 pieces of a image in a container which i have to drop in another container to complete the image. After the image is dropped in another container i want to add a different class to that image depending upon its ID. so that this image piece…
Binit Singh
  • 973
  • 4
  • 14
  • 35
0
votes
1 answer

how to disguise the droppable shopping cart if parents div are different and how to drop element as per parent element?

i developed drag and drop element in fiddle but there is one problem i don't knoew how to disguise it by parent element I have common jQuery function and two div tags. Both div tags have different names but both containing elements of identical ids…
hiren panchal
  • 289
  • 1
  • 3
  • 15
0
votes
1 answer

After Drag 'n Drop, clicking on the Dropped box doesn't fire (or work) the 1st time but works okay the 2nd time. Why?

I'm using JQuery v2.0.0 When I drag 'n drop a box to the big header box (JQuery Sortable), it works okay. But when clicking on the dropped box there in the JQuery Sortable box, it does not fire (or works) on the 1st try but it works on the 2nd…
fletchsod
  • 3,560
  • 7
  • 39
  • 65
0
votes
0 answers

Jquery Image not visibly dragging after first drop

I'm a jQuery neophyte but I'm trying to simulate a lightbox where a number of images may exist on a page and have I have "floating" dropzone where the user can drag and drop images to the drop zone which are then added to the lightbox. The lightbox…
navarro_miguel
  • 151
  • 1
  • 2
  • 5
1 2 3
4
5 6