پروژه ساخت سبد خرید به صورت Drag & Drop

پروژه ای کاربردی ، نمونه سورسی جهت پیاده سازی هرچه بهتر سبد خرید ، توسط جاوا اسکریت در این پروژه امکانی فراهم شده که میتوانید یک محصول در به صورت Drag & Drop در سبد خرید قرار بدید.به صورتی که لیست محصولات در اختیار شما قرار داد و میتوانید محصول مورد نظر را کشیده و در قسمت سبد خرید رها کنید.پیاده سازی چنین مواردی در پروژه میتواند کیفیت کارا چندین برابر کند.امیدوارم استفاده کنید.

<script>
  $(function() {
    $( "#catalog" ).accordion();
    $( "#catalog li" ).draggable({
      appendTo: "body",
      helper: "clone"
    });
    $( "#cart ol" ).droppable({
      activeClass: "ui-state-default",
      hoverClass: "ui-state-hover",
      accept: ":not(.ui-sortable-helper)",
      drop: function( event, ui ) {
        $( this ).find( ".placeholder" ).remove();
        $( "<li></li>" ).text( ui.draggable.text() ).appendTo( this );
      }
    }).sortable({
      items: "li:not(.placeholder)",
      sort: function() {
        $( this ).removeClass( "ui-state-default" );
      }
    });
  });
  </script>