jQuery Resizing() UI 问题

Question

一般来说，ressized() 工作得很好。这就是我遇到问题的地方。

1. 我有一个 div，其中包含一些可以正常工作的可调整大小的项目(在某些时候对它们应用了 resizing())。
2. 用户可以保存项目以供以后查看(div 的 innerHTML 被保存到 JavaScript 数组中，然后 div 被清除，以便他们可以执行其他操作)
3. 当项目放回 div(从数组)时 -- 我执行 $('#divname').append(arrayname[i]); -- 项目不再可调整大小(尽管从视觉上看它们具有可调整大小的类/句柄)

这是我迄今为止尝试过的方法(没有一个有效):

1. 在append()行之后，我重新初始化了可调整大小的--$('#items').ressized();
2. 在append()行之后，删除然后重新添加可调整大小的 -- $('#items').ressized('destroy').ressized();

感谢任何帮助 - 谢谢。

Answer 1

好的 - 我想出了如何解决这个问题。

在保存/存储 div 的 innerHTML 之前(如我的问题中的步骤 #2 中所述)，我破坏了其中任何元素的“可调整大小”状态像这样(示例选择器):

$('#divid .resizable_items').resizable('destroy');

然后我将 div 的 innerHTML 存储到 JavaScript 数组中。

接下来，在重新填充 div 时，我附加了数组元素并重新初始化了可调整大小的项目，如下所示:

$('#divid').append(arrayname[i]);
$('#divid .resizable_items').resizable();

所以问题似乎是，在重新附加/添加/渲染它们时，存储包含 resizing() 项目的innerHTML不起作用，但在存储innerHTML之前销毁可调整大小，然后重新初始化resizing()一旦它们被放回去，一切就正常了。

所以这似乎已经解决了这个问题 - 希望它有所帮助。