jsPlumb несколько экземпляров dnd ошибка

Question

im использование jsPlumb с несколькими экземплярами в одном Обзор, все созданное динамически.

Его путь к mutch-коду, чтобы опубликовать его здесь, и поскольку он динамически генерируется из mySQL, я не могу создать скрипку.

Но, возможно, у кого-то была эта проблема раньше и знает, где эта ошибка создана или что я должен проверить еще раз.

Ошибка:
Все отображается хорошо, и все разъемы и якорь правильно результатов сделанные,
Перетаскивания работает НО только в последнем случае (DIV)

Если я пытаюсь перетащить элемент из первый он автоматически исчезает и появляется в последнем экземпляре - DIV.

Где я могу попытаться найти ошибку?

Спасибо до сих пор
Привет

Answer 1

Ok я решил ее,

моя проблема была, я использовал этот код:

$(".dragndrop").draggable({ 
             drag:function(e){ 
              // Your code comes here 
              instance'.$dynamiccounter.'.repaint($(this)); 

             }, 
             stop: function(e){ 
              // Your code for capturing dragged element position. 
              var id = this.id; 
              id = id.replace("flowchartdrag", "");    
              var x = "x" + id; 
              var y = "y" + id; 
              var parentLeft = $("#flexwrap'.$dynamiccounter.'").position().left; 
              var parentTop = $("#flexwrap'.$dynamiccounter.'").position().top; 
              var offset = $(this).position(); 
              document.getElementById(x).value=(offset.left - parentLeft); 
              document.getElementById(y).value=(offset.top - parentTop); 
              instance'.$dynamiccounter.'.repaintEverything(); 
             }, 
             containment: $("#flexwrap'.$dynamiccounter.'") 
            }); 

, поскольку все элементы использовали один и тот же CSS класс, все из них была загрузка в оба из них Так что мне нужно было разделить их, используя тот же динамический счетчик

$(".dragable'.$dynamiccounter.'").draggable({ 
             drag:function(e){ 
              ... 
              ... 
             }, 
             containment: $("#flexwrap'.$dynamiccounter.'") 
            }); 

Теперь все работает как должно;)