2010-05-13 55 views
2

一般而言,resizable()可以正常工作。这是我遇到问题的地方。jQuery Resizable()UI问题

  1. 我有一个div,其中包含一些可调整大小的项目,可以正常工作(resizable()应用于它们)。
  2. 用户可以保存物品后视图(的innerHTML的div被保存到一个JavaScript数组,然后DIV被清除,使他们能够做别的事情)
  3. 当项目将放回格(从阵列) - 我做了一个$('#divname')。append(arrayname [i]); - 项目不再是可调整大小的(虽然在视觉上他们有可调整大小的类对他们/处理)

这是我迄今(其中没有工作过)尝试:

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

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

回答

2

好的 - 我想通过怎样解决这个问题。

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

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

然后我存储的div 的innerHTML入JavaScript数组。

接下来,重新填充div时,我追加数组元素和重新初始化的可调整大小的物品,像这样:

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

所以这个问题似乎已经是存储的innerHTML含有可调整大小的()项在重新添加/添加/渲染它们时不起作用,但在存储innerHTML之前销毁可调整大小,然后在放回之后重新初始化resizable(),它都可以正常工作。

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