如何将jquery ui draggable sortable stuff与自定义缩放代码结合起来？

Question

我试图将我可拖动的可排序的东西与一些适合我的比例代码结合起来.我还没有找到一个好的解决方案.

看一看:http: //jsfiddle.net/UXLAE/7/

我已经注释掉了比例代码,以便您可以看到应用程序应该如何实际运作.

您有顶部面板,可以将项目从那里拖到底部面板(项目被克隆).在底部面板中,您必须能够对项目进行排序.

现在我还希望能够在鼠标悬停时缩放每个项目,包括顶部和底部面板.比例必须是叠加,并且必须与源项目具有相同的中心.我没有用.animate()或.effect("scale")来做这件事,这会让事情变得更容易,但我设法写了一些非常好的自定义代码(我注释掉的部分).我的问题是,现在我不知道如何将自定义代码与我已有的代码相结合.他们有点互相打破;)但是要找自己.

如果你能发表一些想法甚至解决方案,那就太好了.

问候

Answer 1

您的原始元素运行良好，但我发现您注释掉的代码破坏了功能。

看看你的可删除代码：

accept: "#topSquareList li",

您的缩放函数创建了一个不属于#topSquareList 的克隆。我怀疑这就是原因。

当您使用clone()时，此克隆不是#topSquareList的子级（只有原始是），这就是为什么您的选择器在可删除代码中与它不匹配的原因。您需要理清要删除的内容并制定合适的选择器。

更新：

经过一番摆弄后，我想出了这个：http://jsfiddle.net/UXLAE/27/

您的缩放代码现在可以与拖放/排序结合使用。您应该将我所做的与您的原始代码进行比较，以找出它不起作用的原因 - 原因有很多。有帮助吗？