jquery - 我不能使用 jquery 拖动可竞争的 div

Question

我正在尝试使用 jquery 在该 div 为 contenteditable="true" 时拖放该 div。但我无法使用以下代码执行此操作，

  $('#editabledrag').draggable()
                        .click(function(){
                            $(this).draggable({disabled:false });
                        })
      .dblclick(function(){

        $(this).draggable({disabled : true});
      });

我的jsp:

<div class='example' id="content">
<div id="editabledrag" contenteditable="true" style="position: fixed;z-index:10000000">
click and type!.
</div>
</div>

这是我的问题:http://jsfiddle.net/Manivasagam/ux3k0t23/14/

我希望我正在做正确的代码，但为什么我不能拖放？

Answer 1

.draggable()是一个函数 implemented in the jQuery UI library而且你没有在你的 fiddle 中包含 jQuery UI。

Updated Fiddle

在您的 JSP 代码中添加以下脚本，该脚本在 </body> 之前具有适用于 jQuery UI 的 Google CDN。在包含主要的 jQuery 库之后:

<script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.11.2/jquery-ui.min.js"></script>