jQuery UI Draggable revert Option

Last Updated : 10 Mar, 2021

The jQuery UI consists of GUI widgets, visual effects, and themes implemented using jQuery, CSS, and HTML. jQuery UI is great for building UI interfaces for the webpages. The jQuery UI Draggable revert Option is used to set the revert property of an element. If this option is set to true the helper element to be used for dragging display.

Syntax:

$( ".selector" ).draggable({      revert: true  });

CDN Link: First, add jQuery UI scripts needed for your project.

<link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/smoothness/jquery-ui.css"> <script src="//code.jquery.com/jquery-1.12.4.js"></script> <script src="//code.jquery.com/ui/1.12.1/jquery-ui.js"></script>

Example:

HTML

<!doctype html> <html lang="en">  <head>     <meta charset="utf-8">     <link rel="stylesheet" href= "//code.jquery.com/ui/1.12.1/themes/smoothness/jquery-ui.css">     <script src= "//code.jquery.com/jquery-1.12.4.js">     </script>     <script src= "//code.jquery.com/ui/1.12.1/jquery-ui.js">     </script>     <style>         h1 {             color: green;         }          #div_element {             width: 150px;             height: 150px;             background: green;             display: flex;             justify-content: center;             align-items: center;             text-align: center;         }     </style> </head>  <body>     <h1>GeeksforGeeks</h1>      <h3>jQuery UI Draggable revert Option</h3>      <div id="div_element">Div content</div>      <script>         $(function () {             $("#div_element").draggable({                 revert: true             });         });     </script> </body>  </html>

Output:

Reference:https://api.jqueryui.com/draggable/#option-revert

jQuery UI Draggable scrollSpeed Option

ppatelkap

Improve

Article Tags :

jQuery UI Draggable revert Option

Similar Reads

jQuery UI Draggable Interaction

jQuery UI Droppable Interaction

jQuery UI Resizable Interaction

jQuery UI Selectable Interaction

jQuery UI Sortable Interaction

jQuery UI Accordion Widget

jQuery UI Autocomplete Widget

jQuery UI Button Widget