پروژه ساخت سبد خرید به صورت 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>

 

نقد و بررسی‌ها

هیچ دیدگاهی برای این محصول نوشته نشده است.

اولین کسی باشید که دیدگاهی می نویسد “پروژه ساخت سبد خرید به صورت Drag & Drop”

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

این سایت از اکیسمت برای کاهش هرزنامه استفاده می کند. بیاموزید که چگونه اطلاعات دیدگاه های شما پردازش می‌شوند.

ما یک پرسشنامه‌ی کوچولو داریم، که قول میدیم وقتتون رو خیلی نمی‌گیره، ولی کلی به ما کمک می‌کنه، چون هم assessment مونه ,و هم شما به ما در این زمینه کمک میکنید.بزن بریم