Deux draggables et deux droppables sur une seule page

Question

J'ai deux ensembles de draggable et deux ensembles d'éléments dropables.

Ce que je veux, c'est que le premier ensemble d'éléments déplaçables ne soit droppable que dans le premier ensemble de droppables. Le deuxième jeu de draggables doit être droppable uniquement à l'intérieur du second jeu de droppables.

Un extrait de code:

// this can be dropped only inside .drop elements 
$('.drag').draggable({ revert: true }); 
$('.drop').droppable({ 
    drop: function() { 
     //   
    } 
}); 

// this can be dropped only inside .drop2 elements 
$('.drag2').draggable({ revert: true }); 
$('.drop2').droppable({ 
    drop: function() { 
     //   
    } 
}); 

Ainsi, un utilisateur ne sera pas en mesure de déposer élément avec classe .drag à .drop2 conteneur.

Answer 1

This est ce que vous voulez.

Utilisez la propriété Accept du widget droppable et la propriété revert du widget déplaçable pour y parvenir.