0

首先我想说 - 我不希望有人帮我写代码。我只是在寻找提示/指针/建议。

背景：

我正在使用 jQuery 和 jQueryUI 拖放

  1. 我有一个尺寸为 500px x 500px 的可放置 div。这是#div-droppable.

  2. 我有一个可拖动的 div，其尺寸与#div-droppable. 让我们称之为#div-draggable。

  3. 有很多可拖动的产品#div-draggable可以从中拖动到#div-droppable.

  4. 每个产品的#div-draggable尺寸为 50px x 50px。

示例： 我已将 50 个产品从 拖到#div-draggable，#div-droppable它们现在绝对定位在 中#div-droppable。

现在我想将内容保存#div-droppable到名为#div-draft. 尺寸为#div-draft250px * 250px。我希望#div-droppable存储的产品与#div-draft.

我的想法：

如果一个被拖动的产品绝对定位在#div-droppableleft:50px 和 top:100px 内，那么相同的产品#div-draft将定位在 left:25px 和 top:50px 内（因为#div-draft是 的一半大小#div-droppable）。每个产品的尺寸也将是尺寸的一半（25px * 25px）

我可以对所有产品进行一些计算（如上所述）#div-droppable并将每个产品放入#div-draft

我的问题： 有没有其他方式/更聪明的方式/更好的方式来做到这一点？我基本上希望将某个 divs( #div-droppable) 内容克隆到另一个 div( #div-draft) 中，但我希望内容的大小相对于#div-draft.

4

1 回答 1

1

当然，你将如何做到这一点取决于内容，但我假设你没有使用图像。如果你是这样的话，这很简单，只需使用 CSS 来更改图像的大小。你不能克隆一组内容，除非你创建一个使用 jQuery.css()方法的函数。您将不得不重新计算 CSS 或 jQuery 中的所有内容。

见： http ://api.jquery.com/css/

于 2013-07-08T23:06:00.337 回答