پروژه ای کاربردی ، نمونه سورسی جهت پیاده سازی هرچه بهتر سبد خرید ، توسط جاوا اسکریت در این پروژه امکانی فراهم شده که میتوانید یک محصول در به صورت 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>
هیچ دیدگاهی برای این محصول نوشته نشده است.