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