为什么我在指定 helper: "clone" 后不能拖动 div

Question

http://jsbin.com/xidoruheti/edit?html,css,js,output

根据api：http://api.jqueryui.com/draggable/#option-helper

我不知道为什么 div 在我指定 helper 后变得不可拖动：'clone'

Answer 1

试试这个。实际上拖动是有效的，但是您看不到 element.because 您为 #id 指定了样式但是在使用克隆选项拖动时，插件将删除 id attribute.so 您看不到被拖动的元素.

$("#toDrag").draggable({
  helper: "clone"
});

$("#toDragId").draggable({
  helper: "clone",
  start: function(e, u) {
    $(u.helper).attr("id", "toDragId");
  }
});

.clone,
#toDragId {
  width: 100px;
  height: 100px;
  background: blue;
}
#toDragId {
  width: 100px;
  height: 100px;
  background: green;
}

<link href="https://code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css" rel="stylesheet" type="text/css" />
<script src="https://code.jquery.com/jquery-1.11.3.js"></script>
<script src="https://code.jquery.com/ui/1.11.4/jquery-ui.js"></script>

<div id="toDrag" class="clone"></div>
<br>
<div id="toDragId"></div>