كيف أبرمج خاصية السحب والإفلات ب Jquery ؟

في البداية أدرج رابط مكتبة Jquery على صفحتك، ثم في ملف JavaScript الخاص بك ،أضف وظيفة يمكن العنص من السحب والإفلات, وهذا مثال عملي من موقع Jquery :

<script>
  $(function() {
    $( "#draggable" ).draggable();
    $( "#droppable" ).droppable({
      drop: function( event, ui ) {
        $( this )
          .addClass( "ui-state-highlight" )
          .find( "p" )
            .html( "Dropped!" );
      }
    });
  });
  </script>

لمشاهدة المثال مباشرة، انظر زرّ الرابط