jsplumb添加元素，容器可拖动，元素不是

问题描述：

我正在使用jsplumb并试图创建一个方案，当用户单击按钮时，将创建4个元素并使用jsplumb进行连接。我想让容器可拖动，而不是可连接的元素。jsplumb添加元素，容器可拖动，元素不是

在我的小提琴。我希望灰色区域框（id = container_1）可拖动。

var a = 0; 
var field = ""; 

$('#addField').click(function(){ 
    a++; 

    var container = "<div class='container' id='container_"+a+"'></div>"; 

    $('#body').append(container); 

    for (i=1;i<=9;i++){ 

     field = '<div class="item" id="entry_'+a+'_action_'+i+'">Text</div>'; 
     $("#container_"+a).append(field); 

      jsPlumb.ready(function() { 

       var id = 'entry_'+a+'_action_'+i; 

       jsPlumb.makeSource($('#'+id), { 
        connector: 'StateMachine' 
       }); 

       jsPlumb.makeTarget($('#'+id), { 
        anchor: 'Right' 
       }); 
      }); 
     } 
    }) 

});

答

你需要一个定制的jQuery可拖动：

$('#container_'+a).draggable({ 
    drag:function(event){ 
      jsPlumb.repaintEverything(); 
    }

}）;

kudos to https://stackoverflow.com/users/2905527/pruthvi-bharadwaj

jsplumb添加元素，容器可拖动，元素不是

相关推荐