jsplumb добавить элементы, контейнер draggable, элементы не

Question

Я использую jsplumb и пытаюсь создать такой сценарий, чтобы при нажатии кнопки пользователя было создано 4 элемента и их можно подключить с помощью jsplumb. Я пытаюсь перетащить контейнер, а не элементы, которые можно подключить.

в моей скрипке. Я хочу, чтобы окно с серой областью (id = container_1) перетаскивалось.

Fiddle

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

}); 

Answer 1

Вам нужен собственный JQuery перемещаемой:

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

});

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