首先，我想说 - 我不希望有人做我的编码。我只是在寻找提示/指示/建议。
背景
我正在使用jQuery和jQueryUI拖放
我有一个尺寸为500px x 500px的可放置div。这是#div-droppable。
我有一个可拖动的div，其尺寸与#div-droppable相同。我们称之为#div-draggable。
#div-draggable中有很多可拖动的产品可以拖到#div-droppable。
#div-draggable中的每件商品的尺寸均为50px x 50px。 示例： 的
我已将50个产品从#div-draggable拖到#div-droppable，现在它们绝对位于#div-droppable内。
现在我想将#div-droppable中的内容保存到名为#div-draft的第三个DIV中。 #div-draft的尺寸为250px * 250px。我希望#div-droppable中存储的产品与#div-draft相关联。
我的想法：
如果一个拖动的产品绝对位于#div-droppable左侧：50px和顶部：100px，#div-draft中的同一产品将位于左侧：25px和顶部：50px（因为{{ 1}}是#div-draft）的一半大小。每个产品的尺寸也是尺寸的一半（25px * 25px）
我可以对#div-droppable中的所有产品进行一些计算（如上所述），并将每个产品放入#div-droppable
我的问题：
有没有其他方式/更聪明的方式/更好的方式这样做？我基本上希望将某些div（#div-draft）内容克隆到另一个div（#div-droppable）中，但我希望内容的大小相对于#div-draft的大小。
答案 0 :(得分：1)
当然，你如何做到这一点取决于内容，但我假设你没有使用图像。如果你这么简单，只需使用CSS来改变图像的大小。除非您创建使用jQuery的.css()方法的函数，否则无法克隆一组内容。您将不得不重新计算CSS或jQuery中的所有内容。