2010-05-13 94 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(),它都可以正常工作。

所以這似乎已解決這個問題 - 希望它有幫助。