Question

I have two div containers that are sortable and connected with connectWith. In both there are sortable items that I can drag and drop as intended. These items have some classes, for example, group1 and group2. Let’s call containers container1 and container2. I need to make possible group1 items to be dragged and dropped into any of containers and group2 items to be dragged and dropped only inside container2. I have read jQuery docs but didn’t find an answer or an idea how to do this.

Answer 1

Try subscribing to the receive event. I haven’t tested this, but my guess is that if you return false (the standard pattern for blocking events in jQuery), the items dropped won’t be added to a list. Here’s some pseudo-code to get you started…

$("...").sortable(
{
    receive: function ()
    {
        // assuming that "this" maps to the current object being dragged
        if (this.className.indexOf("...")) return false;
    }
});