我正在尝试将我的可拖动可排序内容与一些适合我的比例代码结合起来。我只是还没找到好的解决方案。
看看那个:http://jsfiddle.net/UXLAE/7/ http://jsfiddle.net/UXLAE/7/
我已经注释掉了比例代码,以便您可以看到该应用程序实际上应该如何工作。
您有顶部面板,可以将项目从那里拖动到底部面板(项目被克隆)。
在底部面板中,您必须能够对项目进行排序。
现在我还希望能够在鼠标悬停时缩放顶部和底部面板中的每个项目。比例必须是覆盖层,并且必须与源项目具有相同的中心。我没能用 .animate() 或 .effect("scale") 来做到这一点,这会让事情变得更容易,但我设法编写了一些效果很好的自定义代码(我注释掉的部分)。我的问题是,现在我不知道如何将自定义代码与我已有的代码结合起来。他们有点互相伤害;)但要寻找自己。
如果您可以发布一些想法甚至解决方案,那就太好了。
问候
您的原始元素运行良好,但我发现您注释掉的代码破坏了功能。
看看你的可删除代码:
accept: "#topSquareList li",
您的缩放函数创建了一个不属于#topSquareList 的克隆。我怀疑这就是原因。
当您使用clone()时,此克隆不是#topSquareList的子级(只有原始是),这就是为什么您的选择器在可删除代码中与它不匹配的原因。您需要理清要删除的内容并制定合适的选择器。
Update:
经过一番摆弄后,我想出了这个:http://jsfiddle.net/UXLAE/27/ http://jsfiddle.net/UXLAE/27/
您的缩放代码现在可以与拖放/排序结合使用。您应该将我所做的与您的原始代码进行比较,以找出它不起作用的原因 - 原因有很多。有帮助吗?
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)