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
1
vote
2 answers

jQuery Droppable - Not able to remove Cloned Element

I am using jQuery UI Droppable... I need a same functionality like Drag and Drop for clicking on star icon from Draggable, it has to add to the Droppable container. Which I tried successfully. But, When I am trying to remove
  • element from the…
  • Reddy
    • 1,477
    • 29
    • 79
    1
    vote
    0 answers

    jQuery Droppable - Add CSS Class to Dragged Element

    Can somebody please help me out with below query please? I am using jQuery Droppable shopping Cart Demo UI.. Once I drag the element from catalog section, I want to add css class to the relevant
  • tag. Eg: after dropping the "Lolcat Shirt" from…
  • Reddy
    • 1,477
    • 29
    • 79
    1
    vote
    0 answers

    How to restore positions of jquery draggable after save them into database

    I am using jquery draggable in my app where I applied draggable to image and saved positions(x and y coordinates) in database. as I am dealing with the server and database when I am on edit then the image should be stayed at where it was placed…
    ratnakar
    • 352
    • 1
    • 11
    1
    vote
    0 answers

    Draggable & Resizable div not responsive

    I am basically trying to creat an editor of video annotation in javascript and html, a bit like YouTube does. I have managed to do most of it, it might not be the best implementation possible but at least I tried ;). Bassically I have a button that…
    0xtuytuy
    • 1,494
    • 6
    • 26
    • 51
    1
    vote
    2 answers

    How to make div draggable by an image inside

    I have a div and I am trying to drag it by a image inside the div. Below is my html
    Test
    Tes2
    I have made the main div draggable but I want to drag with the help of…
    sandeep.mishra
    • 825
    • 4
    • 19
    • 40
    1
    vote
    2 answers

    Click on a draggable initiates dragging

    I have a tree structured ul li element in a page. I made the Leaf li to be draggable. We can drag and drop these li between their immediate parent li. Everything going fine except one problem. If we click on the li, It started dragging and required…
    Amitava Karan
    • 637
    • 1
    • 5
    • 20
    1
    vote
    1 answer

    jquery draggable prevent overlap

    I am creating a website, where two div should not overlap each other when dragging them.I have created a jsFiddle file also the following is the code $(".butNotHere").draggable({ obstacle: ".butNotHere", preventCollision: true, …
    Target
    • 199
    • 4
    • 19
    1
    vote
    2 answers

    JQuery - How to create a new draggable div each time a button is pressed

    Using JQuery, I need to be able to press a button and create a draggable div. My code is as follows I have the following style in the body