javascript - 尝试在更大的方形 div 内附加一个方形 div 并使其可拖动

Question

假设我有一个按钮和一个大 div。按下按钮后，代码会在大 div 中“附加”一个新的 div。然后附加的新 div 就卡在那里了，因为显然我没有编写正确的代码来使其可拖动？

此外，我正在尝试修复它，以便当它们“附加”时......它们不会从上到下“堆叠”......也许在 div 之间的随机位置......

http://jsbin.com/obizel/3/

这是我目前所拥有的...

Answer 1

您的库是我们的平衡点。我将它们从:

<link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.9.1/themes/base/jquery-ui.css" rel="stylesheet" type="text/css" />
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.9.1/jquery-ui.min.js"</script>
<script src="http://code.jquery.com/jquery-1.8.3.min.js"></script>

到:

<link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.24/themes/base/jquery-ui.css" rel="stylesheet" type="text/css" />
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.24/jquery-ui.min.js"></script>

所以，看起来你有一个不匹配并且你加载了同一个库两次。更改这些行时一切正常。