jquery draggable droppable supprimer supprimé
Comment pourrait-on supprimer l'élément dans le panier?
Naturellement, vous voulez être en mesure de faire glisser et déposez l'élément arrière.
$(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();
$( "
" ).text( ui.draggable.text() ).appendTo( this ); } }).sortable({ items: "li:not(.placeholder)", sort: function() { //gets added unintentionally by droppable interacting with sortable //using connectWithSortable fixes this, but doesn't allow you to customize active/hoverClass options $( this ).removeClass( "ui-state-default" ); } }); });
source d'informationauteur Spechal
Vous devez vous connecter pour publier un commentaire.
Cela devrait fonctionner:
Notes:
cart-item
pour le nouvel élément.ul
droppable; cette zone n'acceptecart-item
s. Il appelleremove()
pour supprimer un article du panier une fois que la chute s'est produite.Le constater ici: http://jsfiddle.net/andrewwhitaker/t97FE/embedded/result/
Vous pouvez faire glisser un élément arrière de la charrette à toute catégorie dans le catalogue, mais je pense qu'il serait assez facile à faire seulement les objets déplaçables à l'origine de catégories.