为什么我在指定帮助器之后无法拖动div：“clone”

Question

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

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

我不知道为什么在指定帮助程序后，div变得无法打开：'clone'

Answer 1

试试这个。实际上拖动工作正常，但你无法看到该元素。因为你为#id指定了样式但是在使用clone选项拖动时，插件会删除id属性。所以你无法看到被拖动的元素。

＆＃13;

＆＃13;

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

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

＆＃13;

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

＆＃13;

<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>

＆＃13;

＆＃13;

＆＃13;