jsPlumb makeSource перетаскиваемая ошибка перемещения

Question

Я обнаружил проблему при настройке коннекторов MapSource.

В коде jsFiddle нажмите "Обратный", чтобы построить график снова. Когда вы пытаетесь переместить div, обратите внимание, что фон DIV это с открытым разъемом.

Комментируя следующий код:

instancia.makeSource(elem.pageSourceId, {
  paintStyle:{ fillStyle:"transparent" },
  //hoverPaintStyle: endpointHoverStyle,
  //connectorPaintStyle: connectorPaintStyle,
  //connectorHoverPaintStyle: connectorHoverStyle
});

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

https://jsfiddle.net/braziel/dvhh7hvg/

Answer 1

Пожалуйста, внимательно прочтите Создание конечной точки, чтобы понять, что происходит:

Конечные точки создаются различными способами:

1. jsPlumb.makeSource (...) - Делает некоторые элементы DOM источником соединения, позволяя вам перетаскивать соединения из него / них без предварительной регистрации каких-либо конечных точек. jsPlumb.makeTarget (...) - делает некоторые элементы DOM целевым объектом Connection, позволяя перетаскивать соединения с ним / им без необходимости предварительно регистрировать какие-либо конечные точки.

2. jsPlumb.connect (...) - устанавливает соединение между двумя элементами (или конечными точками, которые сами зарегистрированы для элементов).

3. jsPlumb.addEndpoint (...) - добавляет конечную точку к заданному элементу или элементам.

Вы пытаетесь использовать все методы в своем примере, и в результате вы создаете множество конечных точек, которые вы не можете контролировать. Мое предложение состоит в том, чтобы выбрать только один путь и использовать его.