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的函数，你没有在你的小提琴中包含jQuery UI。

Updated Fiddle

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

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

我无法使用jquery拖动可竞争的div

1 个答案: