Javascript 如何将jquery ui可拖动可排序的内容与自定义比例代码结合起来？

我正在尝试将我的可拖动可排序的东西与一些适合我的缩放代码结合起来。我只是还没有找到一个好的解决办法

请看一看：

我已经注释掉了比例代码，这样你就可以看到应用程序应该如何实际工作

您拥有顶部面板，可以将项目从那里拖到底部面板（项目已克隆）。 在底部面板中，您必须能够对项目进行排序

现在我还希望能够缩放鼠标上方的每个项目，包括顶部和底部面板。比例必须是覆盖，并且必须与源项具有相同的中心。我没有使用.animate（）或.effect（“scale”）来完成这项工作，这本可以让事情变得更简单，但我成功地编写了一些工作非常好的自定义代码（我注释掉的部分）。我的问题是，现在我不知道如何将自定义代码与现有代码结合起来。他们有点分手；）但是你自己找吧

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

---

您好

您的原始元素工作得很好，但我看到您注释掉的代码破坏了功能

查看您的可拖放代码：

accept: "#topSquareList li",

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

使用clone（）时，此克隆不是#topSquareList的子项（只有原始的子项），这就是为什么您的选择器在可拖放代码中与之不匹配的原因。您需要对要删除的内容进行分类，并做出适当的选择

更新：

经过一番折腾之后，我想到了这个：

---

您的比例代码现在与拖放/排序一起工作。您应该将我所做的与您的原始代码进行比较，找出它不起作用的原因——原因不止一个。它有帮助吗？

如果您可以使用CSS转换，那么只需添加以下规则即可完成缩放，而无需任何JavaScript，因此对jQueryUI的拖放或排序没有影响

.square:hover {
    -webkit-transform:scale(1.2);
    -ms-transform:scale(1.2);
    -o-transform:scale(1.2);
    -moz-transform:scale(1.2);
    transform:scale(1.2);
}

---

本机浏览器不支持，但完全支持主要的现代浏览器。如果您需要支持这些浏览器，IE我在accept中添加了zoomHelper类，它可以正常工作。您的解决方案存在一些问题。我需要原始物品的克隆，而不是助手。底部部分的可分拣性也会出现问题。一次一个问题。您是否在您的下拉列表上修复了accept选择器？有时，如果您一次处理一个问题，您最终会到达开始的位置；但是让我们假设我已经“修复”了我的下拉列表上的accept选择器，然后呢？那么你已经修复了代码中一个明显的问题并继续编码。让我知道你下一步会遇到什么问题。嗯，不错，但在这种情况下，我必须处理父元素溢出的问题，在这个过程中破坏我的布局。我想这一切都有其利弊；）很抱歉，用CSS缩放元素会稍微弄乱jquery的可拖动和可排序退出。偏移错误，拖动开始位置错误。缩放比例越高，影响越大。好。。有点非常基本，但thx:）所以，在我给你一些想法和解决方案后，我修复了你的坏代码，你仍然没有接受我的答案？你的想法很好，谢谢。但是你的解决方案并没有解决我最初的问题，所以不，我不能接受你的答案，我也对你的答案写了评论为什么我不能。你已经看到了吗？