是否有一个简单但有用的 jquery.JsPlumb 示例？ [关闭]答案

【问题标题】：Is there a simple but useful jquery.JsPlumb example? [closed]是否有一个简单但有用的 jquery.JsPlumb 示例？ [关闭]
【发布时间】：2012-10-22 12:12:58
【问题描述】：

上周我一直在寻找一些图形可视化 javascript-library，我偶然发现了 jsPlumb，从我见过的示例来看，这是我看到的最好看和最先进的库到目前为止已经看到了。该文档虽然很大，但并不是很有帮助，因为我无法弄清楚如何实际执行最重要的任务。

我的问题列表包括：

如何让图表使用 DOM 树的预定义元素？
将显示这些元素的哪一部分？
虽然连接很容易，但如何定义对齐方式？

虽然这些问题仍然存在，但还是有一些示例，但它们要么简单到无法使用（请参见示例 1），要么它们非常复杂，甚至可以检索（下载不是问题，但是我真的不想在玩一些库之前分析所有内容......）代码至少对我来说是不可能的（见https://github.com/sporritt/jsPlumb/tree/master/demo）。

示例 1

 <head>
  <script type="text/javascript" 
     src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.1/jquery.min.js">
  </script>
  <script type="text/javascript" 
     src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.23/jquery-ui.min.js">
  </script>
  <script type="text/javascript" 
     src="PATH_TO/jquery.jsPlumb-1.3.15-all-min.js ">
  </script>
  <script type="text/javascript">
     jsPlumb.bind("ready", function() {
        var e0 = jsPlumb.addEndpoint("container0"),
        e1 = jsPlumb.addEndpoint("container1");

        jsPlumb.connect({ source:e0, target:e1 });
     });
 </script>
 </head>
 <body>
   <div id="container0">
   </div>
   <div id="container1">
   </div>
 </body>

这会导致

谁能给我一个回答我问题的例子？

提前致谢。

【问题讨论】：

标签： javascript jquery jquery-ui jsplumb

【解决方案1】：

尝试在结束头标签之前添加它...

<style type="text/css">
    #container0, #container1 {
        float: left;
        height: 100px;
        width: 100px;
        border: 1px solid black;
        margin: 10px;
    }
</style>

【讨论】：

【解决方案2】：

您所拥有的没有任何问题，但是您的 div 没有样式并且没有定位。

我建议将它们绝对定位，给它们每个顶部/左侧，也许还有一个边框，你会看到一些更有用的东西。

【讨论】：