Jsplumb Source Endpoint Does Not Move When Source Container Is Dragged

Using jsPlumb, where bonds are created between subdivs that are inside draggable absolute positioned containers called .projects. These all appear in a large generic container #con

Solution 1:

To update connections of child(DIV) elements you need to make use of customised jQuery draggable instead of jsPlumb.draggable. Here is the customised jQuery draggable for your code:

newAgent.draggable({
        containment: 'parent',
        drag:function(e){
            $(this).find('._jsPlumb_endpoint_anchor_').each(function(i,e){ 
                if($(e).hasClass("connect"))
                    jsPlumb.repaint($(e).parent());
                else
                    jsPlumb.repaint($(e));
            });                                     
        }
    });

Updated Fiddle