jQuery UI draggable/sortable/droppable disable drop when droppable limit is reached

Question

JS Bin demo

Task:

I\'m creating an event scheduler using jQuery UI. Events are of a certain length (in minutes) and they can be dragged into dif

Answer 1

$( "#daybox" /*or selector for days elements*/ ).bind( "sortreceive", function(event, ui) {

   if(/*percent*/ >= 100)

      $(ui.sender).sortable('cancel');
});

then, the dropped element returns to the group.