2

一般来说，resizable()工作正常。这是我遇到问题的地方。

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

这是我迄今为止尝试过的（没有一个有效）：

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

任何帮助表示赞赏 - 谢谢。

4

1 回答 1

2

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

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

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

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

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

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

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

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

于 2010-05-13T22:11:54.830 回答