jsplumb draggable无法正常工作。

问题描述：

我似乎无法解决为什么我的jsplumb无法正常工作。我创建了一个非常简单的sippet示例（附加到这篇文章）。jsplumb draggable无法正常工作。

jsPlumb.ready(function() { 
 

 
    jsPlumb.draggable($('.square')) 
 

 
    jsPlumb.connect({ 
 
    source: "element1", 
 
    target: "element2" 
 
    }); 
 

 
});

.square { 
 
    background-color: red; 
 
    width: 50px; 
 
    height: 50px; 
 
    position: absolute; 
 
}

<body> 
 
    <h1>Hello World!</h1> 
 

 
    <div id="element1" class="square"></div> 
 
    <div id="element2" class="square" style="left:300px"></div> 
 

 

 
    <script data-require="[email protected]*" data-semver="2.1.4" src="http://code.jquery.com/jquery-2.1.4.min.js"></script> 
 
    <script data-require="[email protected]*" data-semver="1.7.2" src="https://cdnjs.cloudflare.com/ajax/libs/jsPlumb/1.4.1/jquery.jsPlumb-1.4.1-all-min.js"></script> 
 

 
</body>

我已经把我定位在CSS绝对，但我难倒，为什么我不能得到它的工作。我将其与工作示例进行了比较，并通读了文档，但没有成功。

我真的很感谢任何帮助。

我哪里错了？

不知道什么是错的，但如果我使用最新版本的jsPlumb的：https://jsplumbtoolkit.com/lib/jsPlumb-2.0.7-min.js您的代码段只是工作... – PhiLho

答

尝试使用

elementsList = jsPlumb.getSelector（ '正方形。'）; jsPlumb.draggable（elementsList）;

否则直接给元素 jsPlumb.draggable（$（'＃element1'））; jsPlumb.draggable（$（'＃element2'））;

正如你所看到的，我已经在使用直接的方法 –

啊不，我明白你的意思是...用IDS ..是的，我也试过。 –

答

一般来说，这种动画功能是在jquery-ui而不是核心jquery中实现的。 http://jqueryui.com/draggable/

我觉得在jsPlumb.jsDraggable运行的是早期的版本是依赖于jquery-ui。

尝试将jquery-ui库添加到您的代码中。我已经将它添加到您的代码中，并且它可以工作。

<script src="http://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.9.2/jquery-ui.min.js"></script>

jsplumb draggable无法正常工作。

相关推荐