我的页面被分成三个div（右，中，左），第一个div里面有多个其他div。我希望能够将div从第一个主div拖到其他div。这很好用。但是，我想这样做，以便每当用户点击第一个div并拖出时，它们会自动拖动父div中的第一个子div。为了澄清，在右父div中有一个小div的列表，并且当右父div中的任何区域（包括其中一个子div）被点击并拖动时，我希望右父div中的第一个子节点成为被拖出的人。然后我就可以把它放在中心或左边的div中。我可以使用HTML5Rocks上的教程管理基本的拖放操作，但另一部分让我不知所措。我很想使用HTML5 DnD api，但我对JQuery /插件很好。无论如何，我已经在使用JQuery了。我尝试在监听器中使用.trigger('drag')和.triggerHandler('drag')来处理父div中的拖动，但似乎都不起作用。
任何和所有的建议或指示表示赞赏。感谢
编辑：好的，这个小提琴类似：http://jsfiddle.net/pgkRQ/4/。我没有包含任何js，因为我删除了之前的所有尝试，因为它们都拼凑在一起并且根本没有工作。在这个小提琴中，我想要以下行为：当用户点击#parent_top内的任何位置并拖动时，他们将拖动＃child_1。他们可以删除#parent_bottom中的＃child_1并再次从#parent_top拖动，他们将拖动下一个最高的div＃child_2，无论他们在哪里点击。我希望这有点清楚，对不起，如果它仍然令人困惑;我自己无法表达自己。