JSPlumb v1.4.1可拖动/可调整大小的示例不再适用于v2.0.7
我需要连接可拖动和可调整大小
<!DOCTYPE html>
<html ng-app="">
<head>
<link rel="stylesheet" href="//code.jquery.com/ui/1.11.1/themes/smoothness/jquery-ui.css">
<style>
#diagramContainer {
padding: 20px;
width:80%; height: 400px;
border: 1px solid gray;
}
.item {
position: absolute;
height:80px; width: 80px;
border: 1px solid blue;
}
</style>
</head>
<body>
<div id="diagramContainer">
<div id="item_left" class="item"></div>
<div id="item_right" class="item" style="left:150px;"></div>
</div>
<p><a href="http://www.freedevelopertutorials.com/jsplumb-tutorial/introduction/">Visit the full jsPlumb-Tutorial</a> to learn it and see many more interesting examples.</p>
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/jqueryui/1.9.2/jquery-ui.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/jsPlumb/1.4.1/jquery.jsPlumb-1.4.1-all-min.js"></script>
<script>
$(".item").resizable({
resize : function(event, ui) {
jsPlumb.repaint(ui.helper);
}
});
jsPlumb.ready(function() {
jsPlumb.connect({
source:"item_left",
target:"item_right",
endpoint:"Rectangle"
});
jsPlumb.draggable("item_left");
jsPlumb.draggable("item_right");
});
</script>
</body>
</html>
说明：这里是一个类似jsFiddle的演示：http://www.freedevelopertutorials.com/jsplumb-tutorial/examples/jsplumb-resizable-divs-example/的代码）
如果我将上面示例代码中的JSPlumb版本从v1.4.1切换到v2.0.7大小调整，一个元素也会开始拖动它。
我发现下面的stackoverflow问题jsPlumb问题使用拖动和调整大小，但我不能理解的答案。
我尝试了以下方法：
>
不使用jsPlumb.draggable（“左项”）
而不是
$(".item").draggable({
drag: function (event, ui) {
jsPlumb.repaint(ui.helper);
}
});
然后画线，但不跟随项目的调整大小/拖动运动。
有谁能告诉我如何让这个例子与新版本一起使用吗？谢谢
共有1个答案
对于较新版本的JsPlumb，错误仍然存在。在这种情况下，只需在拖动选项中使用过滤器选项。
jsPlumb.draggable((element), {
filter: ".ui-resizable-handle"
});
https://github.com/jsplumb/katavorio/wiki#filtering
-
问题内容： 前一段时间，我阅读了这篇文章，该文章展示了一种在Swing中实现可调整鼠标大小的组件的方法。 作者使用null的LayoutManager以便进行绝对的组件定位。我知道不应该使用null布局，所以我的问题是： 是否有已经实现的LayoutManager允许组件的绝对定位，还是我必须自己实现它？ 问题答案： 布局管理器实际上执行3件事： 设置组件的位置。由于您需要能够拖动组件，因此您不希
-
我有一个包含多个的布局，底部有一个按钮。当键盘显示时，我希望我的布局保持在键盘上方。我搜索这个问题，发现应该在清单的标签中放入
-
jQueryUI提供resizable（）方法来调整任何DOM元素的大小。 这种方法简化了元素的大小调整，否则需要花费大量时间和HTML编码。 resizable（）方法在项目的右下角显示一个图标以调整大小。 语法 (Syntax) resizable()方法可以使用两种形式 - $（selector，context）.resizable（options）方法 $(selector, contex
-
我有定义了left、right和top约束的NSTextField（没有设置bottom约束）。我需要NSTextField增长，如果内容不能容纳在其中，并减少大小，如果有未使用的空间。 现在我有了：如果NSTextField有多行文本或太多内容，它会以奇怪的行为自动扩展，而且NSTextField在窗口调整大小时不会减小自己的大小。 在Swift上，我还没有找到任何简单的解决方案来解决这个问题（
-
我的应用程序中有如下工作流：可以有X个用户请求（通常同时有5-10个），他们希望在系统中搜索某些东西（每个请求在单独的线程中处理）。 每个搜索都可以并行处理（我目前正在实现）。线程/CPU使用实际上不是这里的问题，因为这些任务不需要占用CPU。数据库是瓶颈。 目前，我只为搜索机制设置了一个单独的DB连接池-最大池大小设置为10。我知道这不多，但我不能把它设置得更高。现在我试图弄清楚如何为每个搜索（
-
问题内容： 我有一个具名的，不需要让用户调整其大小。当然，我可以在每次用户尝试时重新调整它的大小，但是有什么办法不让用户将窗口打开到全屏或拉伸窗口呢？ 问题答案： 编辑/更新： Xcode 10.2•Swift 5 NSWindow具有一个称为styleMask的属性，该属性使您可以控制用户可以使用哪种控件。如果不想让用户调整窗口大小，则必须使用mutating方法删除样式掩码.resizable