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:
- The HTML element to be made draggable, in this case a element with the id of "myDiv".
- The jQuery draggable() method, which will make the element draggable.
For more information, see the jQuery UI draggable documentation.
More of Jquery
- How do I use jQuery ZTree to create a hierarchical tree structure?
- How do I use jQuery to zip files?
- How do I use jQuery to detect window resize events?
- How do I download a zip file using jQuery?
- How can I get the y position of an element using jQuery?
- How do I use a jQuery x-csrf-token?
- How do I add a zoom feature to my website using jQuery?
- How can I prevent jQuery XSS vulnerabilities?
- How can I use jQuery to yield a result?
- Include latest jQuery library version into HTML
See more codes...