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
3
votes
1 answer

How to trigger jQuery drag() function manually? like $(element).trigger('drag');

I have an img element which is draggable. Now I want to trigger the drag() event manually like how do we trigger 'click' event as $(element).trigger('click'). Thanks. Here is the function definition that I have $('#imgToUpload').draggable({ …
John Britto
  • 457
  • 1
  • 4
  • 19
3
votes
2 answers

Draggabilly not adding event to newly added element

I'm using desandro draggabilly and I'm having a problem when inserting a new element. It seems that the event is not firing on the new element that was added. Here's a jsfiddle. Here's the code as well. HTML
basagabi
  • 4,900
  • 6
  • 38
  • 84
3
votes
1 answer

Clone draggable after dropping in targeted area with jQuery UI

I want some images to drop in a targeted area as many times as possible. But the image drops for only one time. My jQuery UI code: $(function() { $( ".draggable img").draggable({ revert: "invalid", appendTo: "#droppable", …
Saifullah Alam
  • 301
  • 2
  • 11
3
votes
1 answer

jQueryUI Draggable , trigger the "stop" event

The object that i must drag can also be moved by the event of the keyboard (key up , down , left and top) In the drag event of any object i have a function that do something , and when the object is moved by the keyboard i must call the drag stop…
WhiteLine
  • 1,919
  • 2
  • 25
  • 53
3
votes
1 answer

Drag and drop images from one div to another div

i would like to drag some images from divs to another div...i have a div container who has 5 more divs,in those 5 divs are some pngs. What i need is to drag 1 by one these pngs from 1st div to a div with id="dropspot" then clicking on "next button"…
OzZie
  • 523
  • 9
  • 21
3
votes
2 answers

jQuery drag and drop to scrolling div - dropped elements not scrolling

I have a scrolling div containing a number of divs as target slots for draggable divs. This slots container needs to be scrolled horizontally to see all the target slots. Now when the draggable elements are dragged into their correct slots, and…
IlludiumPu36
  • 4,196
  • 10
  • 61
  • 100
3
votes
3 answers

Angular.js -- Directive to controller communication

I am very new to angular so please excuse my lack of understanding. I have a directive called "draggable" which I want to be able to track the x position of and perform some logic on it in the controller. When the user drags the element (a stick…
Wesley Yee
  • 182
  • 1
  • 9
3
votes
1 answer

jQuery Draggable Getting Negative Position Value When Dragged

Background I am building a meteor application where I save objects positions and sizes for a corresponding div. When this page is accessed again, I recreate all the divs and re-populated the objects size and positions appropriately. I am…
Pan Wangperawong
  • 1,250
  • 2
  • 13
  • 29
3
votes
4 answers

How to drag and drop
  • elements into input fields

    • I'm trying to develop a page that has the following functionality: Page will have two columns: one being #origin(left column), containing a list of rectangles(which represent variables), and the second one will be #drop(right column),containing…
    eddy
    • 4,373
    • 16
    • 60
    • 94
    3
    votes
    4 answers

    Jquery UI 1.10.x Dialog drag issue on large body height

    In short: When You have document height > window height, scroll down and open dialog - You can not drag it in Firefox. Bug occured only in jQuery UI 1.10.x How to reproduce: jsfiddle: http://jsfiddle.net/mefa/zrNNZ/15/
    Vladyslav Kolesov
    • 123
    • 1
    • 8
    3
    votes
    1 answer

    Getting setTimeout to work

    I have the following code which uses Jquery UI Drag and Drop. When the item is dropped into the area, the drop zone changes into the company logo, then I want a delay and a redirect to the URL within the dropped link. I can get the logo to change OR…
    sluggerdog
    • 843
    • 4
    • 12
    • 35
    2
    votes
    1 answer

    JQuery Draggable - Prevent grid objects from going in the same position

    I'm using JQuery Draggable to move items round a grid. Objects snap to a 32x32 grid area. I want to be able to cancel a grid snap if an object is in the same position. The drag cannot be cancelled, it must just be prevented from entering the square.…
    Toby Mellor
    • 8,093
    • 8
    • 34
    • 58
    2
    votes
    1 answer

    Jquery UI Sortable + Bootstrap variable height Divs sorting issue

    Need your Help for fixing the issue regarding UI Sortable with bootstrap,I can achieve this sortable functionality in bootstrap but still there is a issue not able to fix by myself. My Fiddle link : http://jsfiddle.net/wrtfp513/ Issue : Here(check…
    EverGreen
    • 217
    • 1
    • 12
    2
    votes
    1 answer

    How can i drag a hidden child element

    I'm using Jquery-Ui for Drag and drop elements . From the left box i would like to drag a hidden elements to the right box. The result is: When i'm dropping the elements, they are appear (display:block) with them parents. Link to JSFIDDLE The…
    Yaky Refael
    • 166
    • 1
    • 8
    2
    votes
    1 answer

    drag and drop inside nested Divs

    This is my requirement, I have an item called dragItem to drag and Drop. I have 2 Divs, Outer and inner I need to do in this order - Drag the dragItem in the outer Div (So that I do some of my functionalities. At this point only the next…
    Sri
    • 1,505
    • 2
    • 18
    • 35
    1
    2
    3
    …
    10 11