Стрелка не показана в соединении jsplumb

Question

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

Есть идеи, почему стрелка не появляется? Любая вещь отсутствует? Большое спасибо.

` HTML: ABC

XYZ

CSS:

window20 {TOP: 10em; LEFT: 10em; WIDTH: 8em;}

window21 {TOP: 26em; LEFT: 10em; ШИРИНА: 8em;}

JavaScript: jsPlumb.connect ({ источник: "window20", цель: "window21", якоря: [ "Вниз", "Вверх"], разъем: "прямой" , endpointsOnTop: true, overlays: ["Arrow"] });

Answer 1

Попробуйте это. Его рабочий код в настоящий момент работает. Все самое лучшее :-) jsPlumb.bind("jsPlumbConnection", function(e) { jsPlumb.select(e).addOverlay([ "Arrow", { foldback:0.2, location:0.75, width:25 } ]); });

Answer 2

Try что-то вроде этого

jsPlumb.bind('connection', function (e) { 
     jsPlumb.select(e).addOverlay(["Arrow", { foldback: 0.2, location: 0.65, width: 25 }]); 
});