jquery - 使用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，然后更改窗口大小时，一切正常。