Используя jsPlumbs, перерисовываете линии при изменении размера окна?

Question

Я борюсь с jsplumbs просто чтобы сделать простую вещь. Я просто соединяю div одной прямой линией, так как я могу перерисовать линии при изменении размера окна? Так что всегда следует за центром div. Могу ли я использовать z-index, чтобы поместить строку ниже div? если мне нужно соединить один div с несколькими другими div, каков лучший способ нарисовать несколько линий из одного div?

вот мой код до сих пор:

http://jsbin.com/esuvuw/1/edit

Спасибо за вашу помощь

Answer 1

Вот ты где:

  $(window).resize(function(){
      jsPlumb.repaintEverything();
  });

Добавьте это в свой код. Я просто наткнулся на эту функцию repaintEverything() и напомнил о вашем посте.

http://jsbin.com/esuvuw/9/edit чтобы показать, что это работает.

Answer 2

Я также изменил ваш код таким образом:

jsPlumb.bind("ready", function(connection, e) {

jsPlumb.addEndpoint('block-1', ['BottomCenter'], []);
jsPlumb.addEndpoint('block-2', [], ['BottomCenter']);
jsPlumb.draggable('block-1');
jsPlumb.draggable('block-2');
jsPlumb.connect({

   source: "block-1", 
   target: "block-2",
   connector: 'Straight'

});
});

код не идеален. У меня сейчас нет времени - извините. Но теперь, когда вы перетаскиваете div, а затем меняете размер окна, все в порядке.