javascript - Scriptaculous可排序和句柄的问题（元素未正确排序）

我正在尝试使用Scriptaculous创建一个两列可排序的布局而没有句柄，它工作得非常好，我能够在两列之间交换div元素并改变它们在当前的顺序柱。但是，在尝试向div元素添加句柄时，我无法在两列之间成功移动它们或更改它们在当前列中的顺序。

我试图将handle元素交换到一个没有修复问题的图像，并将div标识符从一个类更改为一个id，但是它再次没有解决问题。

Code without handles（能从div中的任何地方抓取，工作正常）

Code with handles（手柄是红色边框，不起作用 - 最好的例子，将输出大小更改为1100px）

我一直在这里和互联网上的其他地方寻找解决方案，或者看看是否有其他人遇到同样的问题，但我还没有找到另一种情况发生这种情况。