有一个简单但有用的jquery.JsPlumb示例吗？
Seb*_*ern 20 javascript jquery jquery-ui jsplumb
在过去的一周里,我一直在寻找一些图形可视化的javascript库,我偶然发现了jsPlumb,它是根据我见过的例子来判断的,这是迄今为止我见过的最好看和最先进的库.文档虽然很大,但并不是很有帮助,因为我无法弄清楚如何实际执行最重要的任务.
我的问题清单包括:
- 如何告诉图表使用DOM-Tree的预定义元素？
- 这些元素的哪一部分将被展示？
- 虽然连接很容易,但如何定义对齐？
虽然这些问题仍然存在,但有一些例子,但它们要么简单易用(参见示例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>
结果如何
谁能给我一个回答我问题的例子？
提前致谢.
spa*_*ves 15
尝试在关闭头标记之前添加它...
<style type="text/css">
#container0, #container1 {
float: left;
height: 100px;
width: 100px;
border: 1px solid black;
margin: 10px;
}
</style>
| 归档时间： |
|
| 查看次数： |
17154 次 |
| 最近记录： |