Make div element draggable using jQuery

To make an HTML DOM element like div draggable we can make use of jQuery UI.

Example :

We have a div element that can be moved by clicking on it with the mouse and dragging it anywhere within the viewport.

Code :
<!doctype html>
<html lang="en">
      <link rel="stylesheet" href="//">
      <script src="//"></script>
      <script src="//"></script>
      <link rel="stylesheet" href="/resources/demos/style.css">
         #box {
         border: 1px solid #ccc
         $(function () {
      <div id="box" class="ui-widget-content">
         <p>You can drag this box</p>

Have Questions? Post them here!

Topics Coverage:

🎉 We are celebrating the 10th years of Code2care! Thank you for all your support!

We strongly support Gender Equality & Diversity.

Follow Us: GitHub | Facebook | Twitter | Instagram