9951 explained code solutions for 126 technologies


jqueryHow do I use jQuery to make an element draggable?


Using jQuery to make an element draggable is fairly straightforward. The following example code will create a draggable

element:

<div id="myDiv">Drag me!</div>

<script>
  $( "#myDiv" ).draggable();
</script>

This code will make the

element with the id of "myDiv" draggable.

The code is broken down as follows:

  1. The HTML element to be made draggable, in this case a
    element with the id of "myDiv".
  2. The jQuery draggable() method, which will make the element draggable.

For more information, see the jQuery UI draggable documentation.

Edit this code on GitHub