jsplumb не соединяется между вложенными div

У меня возникли некоторые проблемы с попыткой заставить jsplumb нарисовать соединитель между двумя div, вложенными в div столбцов.

Вот скрипта, которая показывает проблему, кто-нибудь может помочь?


jquery jsplumb
person chrisp_68    schedule 15.08.2012    source источник

Ответы (3)


arrow_upward
4
arrow_downward

поскольку два элемента, которые вы соединяете, имеют разных родителей, вам нужно использовать концепцию «Контейнер»:

http://jsfiddle.net/sporritt/5YwVu/9/

http://jsplumb.org/doc/content.html#containerDefault

person Community    schedule 15.08.2012

arrow_upward
2
arrow_downward

Попробуйте убрать абсолютное позиционирование.

См. http://jsfiddle.net/chrisp_68/5YwVu/8/.

person pb.    schedule 15.08.2012
comment
после нескольких часов поиска это был ответ для меня. Для тех, кто использует ReactJS, порядок действительно важен — поэтому установите position:absolute родительского div ПОСЛЕ того, как вы установили draggable() и makeSource/makeTarget - person Serge P; 14.05.2015

arrow_upward
1
arrow_downward

Похоже, приведенные выше примеры jsfiddle не работают, поэтому я написал небольшой рабочий пример для jsPlumb 1.7.5.

jsPlumb.ready(function() {
  var container = document.body;
  jsPlumb.setContainer(container);

  ...

  jsPlumb.connect({
    source: container.querySelector("#div1"),
    target: container.querySelector("#div2")
  });
})

полный пример http://plnkr.co/edit/8uwriJCdJ77N4w9xJfzU?p=preview

person Eugeniy Taranov    schedule 14.07.2015