jQuery Draggable and Droppable Div Example/Tutorial in Asp.Net

Introduction: 

Here I will explain how to implement simple draggable and droppable div example using JQuery in asp.net.

Description:
  
In previous posts I explained split the string, add fade in effect to page, Password strength jquery plugin examples and many articles relating to JQuery. Now I will explain how implement simple div with draggable and Droppable options in JQuery.

To implement draggable and droppable div in JavaScript we need to write much code but in JQuery we can achieve this functionality just by simple properties draggable and droppable that would be like as shown below

<script type="text/javascript"> $(document).ready(function() { $("#dragdiv").draggable(); $("#dropdiv").droppable({ drop: function() { alert('dropped'); } }); }); </script>

If want to see the example how to implement check below article

JQuery drag and drop div example in asp.net

If you enjoyed this post, please support the blog below. It's FREE! Get the latest Asp.net, C#.net, VB.NET, jQuery, Plugins & Code Snippets for FREE by subscribing to our Facebook, Twitter, RSS feed, or by email.

Subscribe by RSS Subscribe by Email