jQuery在appendTo之后拖动

我找到了很多关于这方面的例子，但都太复杂了，无法满足我的需要

这是我的密码：

$(function() {
  jQuery(".drag").click(function () { $(this).appendTo(".inner")});
  jQuery(".drag").draggable({ grid: [ 10, 10 ] }, { containment: ".inner" } );
});

我只想在将同一元素附加到我想要的容器后拖动它

请注意，拖动元素位于我希望它们拖动的容器外部。这就是为什么我要用appendTo

HTML:

。。。
...
...

不确定您想做什么，但是jQuery UI事件

开始

可能会帮助您：

$(function() {
  jQuery(".drag").draggable({
      grid: [ 10, 10 ],
      containment: ".inner",
      start: function() { $("#result").html("Drag start!"); }
  } );
});​

HTML:

​

---

请参阅。

您是否可以再添加一点详细信息，或者您的html/css？是的，您是对的，我添加了html信息。在您的答案中也发布您的代码。（想法是答案是自包含的，如果JSFIDLE退出网格，它不会消亡）

$(function() {
  jQuery(".drag").draggable({
      grid: [ 10, 10 ],
      containment: ".inner",
      start: function() { $("#result").html("Drag start!"); }
  } );
});​

<div class="inner">
    Inner div

<div class="drag">
</div>
</div>
<p id="result"></div>

div { border:1px solid black; padding:5px; }
.inner { width: 200px; height:200px; }
.drag { width:50px; height: 50px; background-color:#fca;}​