拖动源容器时,jsPlumb源端点不会移动

时间:2014-05-27 06:10:56

标签: javascript jquery html jsplumb

使用jsPlumb,在名为absolute s的可拖动.project位置容器内的细分之间创建绑定。这些都出现在一个大的通用容器#container

在代码jsPlumb.Defaults.Container=$("#container");

中设置为默认容器

http://jsfiddle.net/wwc7G/5/

一切都很好,但不是另一端。那就是:

  • 使用1创建2个absolute定位.project容器时 每个

  • 中的任务div
  • 然后从1个任务到另一个任务进行1个绑定连接。

  • 并使用源端点拖动.project容器 - 源端点不移动

为什么会这样?
当我从一个任务到另一个任务进行循环绑定,反之亦然并移动每个.project时,它就像一个魅力。

1 个答案:

答案 0 :(得分:2)

要更新子(DIV)元素的连接,您需要使用自定义的jQuery draggable而不是jsPlumb.draggable。以下是可为您的代码添加的自定义jQuery:

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));
            });                                     
        }
    });

更新了Fiddle