🔔 Alert..!! Get 2 Month Free Cloud Hosting With $200 Bonus From Digital Ocean ACTIVATE DEAL

A super tiny jQuery plugin that uses CSS3 transforms and transitions to add smooth sort animations to jQuery UI sortable().

jQuery-UI Sort

Documentation

jQuery UI Sortable Animation

Just follow these simple steps to enable sort animation in your jQuery UI app:

  • Include jQuery and jQuery UI on your page.
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script> <script src="//cdnjs.cloudflare.com/ajax/libs/jqueryui/1.11.2/jquery-ui.js"></script>
  • Include jQuery UI Sortable Animation script after jQuery UI and before its first use.
<script src="jquery.ui.sortable-animation.js"></script>
  • Just use jQuery UI as usual or with special animation parameter
<script>   $('#sortable').sortable({     animation: 150, // animation duration (ms), 0 - no animation   }); </script>

You May Also Like