Questions tagged [jquery-ui-draggable]

The jQuery UI Draggable plugin makes selected elements draggable with mouse movement.

The Draggable plugin makes the selected elements draggable with mouse movement.

Enable draggable functionality on any DOM element. Move the draggable object by clicking on it with the mouse and dragging it anywhere within the viewport.

Best part is that it is very easy to use. See this example:

<script>
    $(function() {
        $( "#draggable" ).draggable();
    });
</script>

For more information visit- jQuery UI - Draggable Demos and the API Documentation


Related Tags

1817 questions
0
votes
1 answer

Droppable object isn't resizable

I am trying to drag and drop image and make the cloned droppable image resizable after drop without any luck... My code is:
Irene T.
  • 1,393
  • 2
  • 20
  • 40
0
votes
1 answer

Using Metro UI (CSS) How can I rearrange the tiles/panels as done in windows Azure webpage?

I recently saw a demo of the Windows Azure webpage, and saw a really neat feature... In the admin portal, you can take a tile or any content really, and rearrange them on their webpage. When you took a tile / panel with content and dragged it, a…
0
votes
0 answers

Dragging a row doesn't get saved to database

I'm implementing drag and drop functionality to my Rails 4 application. I've been following along the tutorial video by Ryan Bates, #147 Sortable Lists (revised) I can drag the rows along, but the changes don't get persisted in the database. On my…
Toontje
  • 1,415
  • 4
  • 25
  • 43
0
votes
1 answer

JQuery Draggable in FireFox only works in iFrame - How to set ViewPort

Testing jQuery UI Draggable in FireFox 33.0.2 : I copied the code from the example, and it simply doesn't work. The scripts are working, css classes added, event bindings added, etc. Simply won't drag. If I put the page inside an iFrame, it works.…
Michael C. Gates
  • 982
  • 1
  • 6
  • 18
0
votes
1 answer

Image draggable option not working after cropping removed

Following is my PLNKR CODE. Flow - 1) Click on any of the four images(pink, green, yellow, blue) they get loaded into the red div. 2) Drag the image and click on "Apply Crop" button. But now I want to remove the cropping option so I clicked on…
Trialcoder
  • 5,816
  • 9
  • 44
  • 66
0
votes
1 answer

How to remove Dynamically created row in the table by performing DND using Jquery?

I need to remove the row from the Right Hand side table by performing Drag and Drop operation over Left Hand Side Table. Dragging the row from Table2 to Table1 should remove the row from Table2 Table. Here is my code : <%@ page language="java"…
0
votes
1 answer

dragging all elements of class when one is being dragged ( jQuery UI draggable )

I'm using jQuery UI to allow elements of a class. However i'd like the rest of the elements of a class to follow when one of them is being dragged. How can I do that? So when one is dragged the rest of the class are also being dragged. I attempted…
0
votes
1 answer

draggable items stack on top of each other in a sortable

I have two lists that are marked as sortable through jquery-ui. Each list contains a list item that is marked as draggable: Under normal use, in which I drag and drop those items at a relatively normal speed (mind you... normal is a vague…
B.K.
  • 9,982
  • 10
  • 73
  • 105
0
votes
0 answers

how can I limit my div with draggable in jquery

i use a long gray pane which can be draggable and i have a window to over the pane. the window is overflow:hidden; on the pane. then how can I drag the pane without the white part and the pane can bounce if it can't be drag? the effect i want is…
0
votes
0 answers

How to drag element by clicking another element by using jQuery UI's draggable

Is there a way to click on element, but drag another element , by using jQuery UI's draggable plugin? I have tried to use handle option, but it works only if the handle is inside of the draggable element.In my case handle element is not a child of…
Engineer
  • 47,849
  • 12
  • 88
  • 91
0
votes
1 answer

droppable div does not stay where it was dropped

I have this fiddle : http://jsfiddle.net/vdbb7c6n/ Click on Go then drag a number on the left or right of a big line ! On first drop, it jumps to the middle of the div whereas it should not. the css used for those draggable is : .dollar, .diese { …
0
votes
1 answer

JQuery - Drag from parent and drop into Iframe child

I want to drag elemets from the parent and then drop it into the iframe child using jquery-ui's draggable and droppable extensions. I used the following codes in parent for implementing that. $('.some-elements').draggable({ revert:true, …
0
votes
1 answer

Show position of each draggable element

Ok, so heres some of my code on js fiddle at . The current code allows me to move the objects and it shows the stop and starting position of the object relative to its constraint. What I am needing to do, is to get the position returned of EACH…
0
votes
1 answer

draggable helper going behind table in jqgrid

I have been using Jquery Draggable for the rows which has been implemented by JqGrid.But when the item is dragged the Drag Helper is not going out of table boundary. I can drop the item. But the Helper item is not showing outside the table during…
Vinay Gayakwad
  • 526
  • 4
  • 10
  • 20
0
votes
1 answer

jQuery UI after dragable not working sortable

After dragged element "DRAG and SORT" on the bottom I lose the ability to sort the list in this element. I would like to be able to sort both between the elements of X and H (in box) on sortable list. Code: $(function() { $( "#sortable"…
zagors
  • 13
  • 4
1 2 3
99
100