jQuery Resizable（）UI问题

Question

通常， resizable（）可以正常工作。这是我遇到问题的地方。

1. 我有一个div，其中包含一些可以正常工作的可调整大小的项目（在某些时候应用resizable（））。
2. 用户可以保存项目供以后查看（div的 innerHTML 保存到JavaScript数组中，然后div被清除，以便他们可以做其他事情）
3. 当项目被放回div（来自数组）时 - 我会执行 $（'＃divname'）。append（arrayname [i]）; - 项目不再可调整大小（虽然在视觉上他们有可调整大小的类/处理它们）

这是我到目前为止所尝试过的（没有一个有效）：

1. 在append（）行之后，我重新初始化resizable - $（'＃items'）。resizable（）;
2. 在追加（）行后，删除然后重新添加可调整大小 - $（'＃items'）。resizable（'destroy'）。resizable（）;

感谢任何帮助 - 谢谢。

Answer 1

好的 - 我想出了解决这个问题的方法。

在保存/存储div的 innerHTML 之前（，如我在问题中的步骤2所述），我销毁了那里任何元素的'resizable'状态像这样（示例选择器）：

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

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

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

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

所以问题似乎是存储包含resizable（）项的innerHTML在重新附加/添加/呈现它们时不起作用，但是在存储innerHTML之前销毁resizable，然后重新初始化resizable（）一旦他们被放回去，一切正常。

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