我正在尝试使用 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/
我希望我正在做正确的代码,但为什么我不能拖放?
最佳答案
.draggable()
是一个函数 implemented in the jQuery UI library而且你没有在你的 fiddle 中包含 jQuery UI。
在您的 JSP 代码中添加以下脚本,该脚本在 </body>
之前具有适用于 jQuery UI 的 Google CDN。在包含主要的 jQuery 库之后:
<script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.11.2/jquery-ui.min.js"></script>
关于jquery - 我不能使用 jquery 拖动可竞争的 div,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/27286298/