Stack Overflow
Stack Overflow

Questions tagged [jquery-draggable]

Jquery-draggable is a jquery interface to enable draggable functionality on any DOM element. Move any draggable object by clicking on it with the mouse and dragging it anywhere within the viewport.

Jquery-draggable is a jquery interface to enable draggable functionality on any DOM element. Move any draggable object by clicking on it with the mouse and dragging it anywhere within the viewport.

162 questions
0
votes
0 answers

use of jquery or html5 to drag,resize a div around inside parent

Panel heading without title
Zalaboza
  • 8,899
  • 16
  • 77
  • 142
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
3 answers

how to initiate .clone using drag & drop or click jquery

Hi I have this fiddle I get from jquery examples here what it does basically is drag then drop the yellow box to pink division and clone the yellow box. this is the html
  • Drag me down
…
CaffeineShots
  • 2,172
  • 7
  • 33
  • 58
0
votes
1 answer

Find if drag stop is in a certain div?

So I have a draggable object- How can I test if its stop position is in a certain range (over a div) best i can do is find its exact position. Thanks. Fiddle http://jsfiddle.net/f5n66/ $( init ); function init() { $('.draggable').draggable({ …
lpoulter
  • 158
  • 9
0
votes
1 answer

How to detect collision between 2 divs?

I am trying to detect if two divs collide each other using query ui I have something like
FlyingCat
  • 14,036
  • 36
  • 119
  • 198
0
votes
0 answers

Jquery draggable y axis mistaken

I am using jquery draggable my current project, i have an issue about jquery draggable for instance; i drag and drop an item b list from a list but an issue occurs on this point.If my list quite a few long, y axis go haywire.The draggable item…
Goran Zooferic
  • 371
  • 8
  • 23
0
votes
1 answer

jQuery Autocomplete with draggable results

I'm trying to make my jQuery ui autocomplete results draggable. Although I already tried several ways it is still not working. I need to costimze the initialisation of each draggable element, so unfortunately this is not useful to me. Here is my…
Marc Becker
  • 523
  • 2
  • 7
  • 18
0
votes
3 answers

Issue setting initial draggable position jquery ui

I've a problem, when I set container element: position: absolute; left: 10px; bottom: 15px; And initialize draggable, bottom part of the element gets stuck to the border, and it is basically resizing rather than…
user796443
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

JQuery draggable inside scrollable misalignment

I have been having an issue for some time when using jquery draggables inside a scrollable div. Here is a picture to illustrate (The item that is being dragged is the floating box with "SISTER CARRIE" inside of it (pay no attention to the invalid…
Los Frijoles
  • 4,771
  • 5
  • 30
  • 49
0
votes
1 answer

Add class on drop event for image puzzle

Hey guys i am using Django templeting system and bootstrap for a project where i have a reuirement of jquery image drag and drop. I dont have any knowledge of jquery or javascript. So far i have implemented the image drag and drop but now i want to…
Binit Singh
  • 973
  • 4
  • 14
  • 35
0
votes
1 answer

Passing image thumbnail and related text to droppable JQuery UI

I have a php loop which fetches products from database. each product containing an image and text. I made them draggable using jQuery UI . I have 2 boxes underneath the products list 1st box (.dragMedia) is where I drop my products, second box…
Mike Spider
  • 217
  • 1
  • 3
  • 17
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

Multiple Draggables Find the X and Y Positions

Hi I'm creating a prototype that will enable the user to create multiple DIVs. Once a DIV is created it should be draggable, once dropped it should display the x and y position within the DIV. The problem is that once i have created several DIVs…
Chris Cowan
  • 75
  • 6
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
1 2 3
…
10 11