当可拖动元素创建克隆副本时，jQuery克隆不起作用
当可拖动元素创建克隆副本时，jQuery克隆不起作用
提问于 2018-09-14 18:38:21
我是jQuery可拖动功能的新手，我需要通过克隆拖动元素并将其放到指定位置来创建拖放功能。以下是我的代码
$(function () {
$('#Draggable' + Localvar + '').draggable({
snap: true,
helper: 'clone',
}
);
$('#Droppable').droppable({
accept: $('#Draggable' + Localvar + ''),
drop: function (event, ui) {
}
});
});代码创建了一个克隆，它是可拖动的，但不能删除。
回答 1
Stack Overflow用户
发布于 2018-09-14 19:06:10
你应该参加一个基础的JS课程来理解为什么你需要引用字符串，什么是选择器以及如何使用它们。
下面是代码的基本设置，请注意包装选择器的"。
$(function () {
$("#Drag").draggable({
snap: true,
helper: 'clone'
});
$("#Droppable").droppable({
accept: $("#Drag"),
drop: function (event, ui) {
alert('dropped');
}
});
});.ui-widget-content {
width: 60px;
height: 60px;
padding: 0.5em;
}
.ui-widget-header {
width: 60px;
height: 60px;
margin: 1em;
}<link rel="stylesheet" href="https://code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
<script src="https://code.jquery.com/jquery-1.12.4.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
<div id="Drag" class="ui-widget-content">Drag me</div>
<div id="Droppable" class="ui-widget-header">Drop here</div>
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/52330267
复制相关文章
相似问题
腾讯云开发者
