文章/答案/技术大牛

发布

问jsplumb draggable不工作。
EN

Stack Overflow用户

提问于 2015-06-11 05:47:51

回答 2查看 932关注 0票数 0

我似乎弄不明白为什么我的jsplumb不能工作。我已经创建了一个非常简单的sippet示例(附在这篇文章中)。

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="jquery@*" data-semver="2.1.4" src="http://code.jquery.com/jquery-2.1.4.min.js"></script>
  <script data-require="jsplumb@*" 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中的定位设置为绝对，但我还是不明白为什么我不能让它工作。我将其与工作示例进行了比较，并通读了文档，但没有成功。

我真的很感谢大家对我的帮助。

我哪里错了？

draggable

jsplumb

回答 2

Stack Overflow用户

发布于 2015-06-11 20:08:49

尝试使用

elementsList = jsPlumb.getSelector('.square')；jsPlumb.draggable(elementsList )；

否则直接给元素jsPlumb.draggable( $('#element1'))；jsPlumb.draggable( $('#element2'))；

票数 1

Stack Overflow用户

发布于 2016-06-06 05:20:04

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

我认为在这个早期版本的jsPlumb.js中，Draggable的操作依赖于jquery-ui。

尝试将jquery-ui库添加到代码中。我已经将此代码添加到您的代码中，并且它起作用了；

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

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/30767889

复制

相似问题

问jsplumb draggable不工作。
EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问jsplumb draggable不工作。EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问jsplumb draggable不工作。
EN