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

how to trigger dragging of image with drag of other image using jquery

I am working with jquery for dragging of images. Below is my code $( "#imgMaster" ). draggable ({ axis: "y", containment:[0,170,0,430], start: function(event, ui) { …
swati
  • 129
  • 1
  • 18
0
votes
2 answers

dragging clone element ( ui.draggable.clone() ) drags the original element (jquery)

I have two columns with draggable li element . When I drag an element from one column to the other column , I need to clone the dragged element and append it to the new column (I want the element to stay in the previous column as well). …
0
votes
1 answer

jQuery drag and drop - reposition items

So, here is my dilemma. I have 6 drag and drop items (pictured below). They work great. Except for the fact that once I drag an item to a different drop item they end up overlapped as you can see. What I'm wondering is, is there a way to insert the…
user1470118
  • 412
  • 2
  • 9
  • 24
0
votes
1 answer

jquery ui revert dropped draggable on cancel modal

I have this code that activates the jquery draggable in a management system files when I release a file on another pops up a confirmation dialog when I click cancel the draggable should automatically revert, can someone help me? $(function() { …
Juliano
  • 35
  • 1
  • 6
0
votes
1 answer

Setting the Limit For Draggable Div

I have a Div Which Shows on Click of Table Cell of another(TableDiv) Div.I need to set the Boundraies (Limits) depend on the TableDiv Width and Height.My Draggable is out side of TableDiv.
Ksnrg
  • 147
  • 1
  • 2
  • 9
0
votes
1 answer

How can I get the text of a list item in a draggable div?

I've been trying to fix this to no avail. I have a container div and a product div. The products are draggable, and the container is droppable and sortable, and accepts only products. The products are multiple list items. I have used the helper…
0
votes
2 answers

jQuery & Backbone: How to append a view on drop event, under certain conditions

I have the following View of my CanvasModel, on which the user can drag & drop various widgets from a toolbar. Whenever something is dropped into the CanvasView a new WidgetView instance will be appended into the DOM. The recently appended Widget is…
0
votes
1 answer

what event do i need in jquery to do something "ondrag"

Im trying to change some css once the user starts dragging something, but havent found a simple way to do this. Right now im using mousedown and mouseon, the only problem is mousedown behaves exactly like click(), but id like the function to be…
user1721135
  • 6,864
  • 8
  • 34
  • 63
0
votes
1 answer

JQuery, Draggable And Droppable - Find a Droppable, I got the ID

I need to find a droppable control when the Draggable stop event is running, and I got an ID. Is this possible? So basically my idea is this: When the "out" function's running, I store the dropId. Then if an item is being reverted, I need to set…
Zoizaite
  • 11
  • 4
0
votes
1 answer

Some of the Javascript Stops Working When Published

So as the header says, my Javascript stops working when it is published (this is on a server). (This is about Draggable/Droppable and one Droppable should only contain one Draggable). This is my Javascript code: function pageLoad() { …
Zoizaite
  • 11
  • 4
-1
votes
2 answers

jQuery Sortable how to set all children as a drop target

I found this greate plugin: https://johnny.github.io/jquery-sortable/ I would like to have possibilty to drop daggable elements into every child. I've tried to do this adding an empty
    but it dosnt work on run. I would have to do this…
    masterdany88
    • 5,041
    • 11
    • 58
    • 132
    -5
    votes
    2 answers

    jquery change element while dragging

    i need to change the drag element while been dragging. in this case, i need to change the word "HELLO" to "HI" but if the user does not perform a drop, the element should be back to the original state, "HELLO". https://i.stack.imgur.com/QNBLD.png I…
    cafc
    • 31
    • 4
    • 13
    1 2 3
    10
    11