jsPlumb source endpoint does not move when source container is dragged

Question

Using jsPlumb, where bonds are created between subdivs that are inside draggable absolute positioned containers called .projects. These all appear

Answer 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