javascript – 如何将jquery ui draggable sortable stuff与自定义缩放代码相结合?

前端之家收集整理的这篇文章主要介绍了javascript – 如何将jquery ui draggable sortable stuff与自定义缩放代码相结合?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我正在尝试将我可拖动的可排序的东西与一些适合我的缩放代码结合起来.我还没有找到一个好的解决方案.

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

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

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

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

如果你能发表一些想法甚至解决方案,那将会很好.

问候

解决方法

您的原始元素运行良好,但我发现您注释掉的代码会破坏功能.

看看你的可放置代码

accept: "#topSquareList li",

您的缩放功能已经创建了一个克隆,它不是#topSquareList的一部分.我怀疑这就是原因.

当您使用clone()时,此克隆不是#topSquareList的子节点(仅原始节点),这就是您的选择器在您的可放置代码中与其不匹配的原因.您需要弄清楚要删除内容并制作适当的选择器.

更新:

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

您的缩放代码现在与拖放/排序一起使用.你应该将我对你的原始代码进行比较,找出它不起作用的原因 – 原因不止一些.有帮助吗?

原文链接:https://www.f2er.com/jquery/158131.html

猜你在找的jQuery相关文章