2

一般に、resizable（）は正常に機能します。ここで私は問題に直面しています。

  1. 正常に機能するいくつかのサイズ変更可能なアイテムを含むdivがあります（ある時点でそれらにresizable（）が適用されます）。
  2. ユーザーは後で表示するためにアイテムを保存できます（divのinnerHTMLはJavaScript配列に保存され、次にdivがクリアされて他のことを実行できるようになります）
  3. アイテムが（配列から）divに戻されると、$（'＃divname'）。append（arrayname [i]）;を実行します。--アイテムはサイズ変更できなくなりました（視覚的にはサイズ変更可能なクラス/ハンドルがありますが）

これが私がこれまでに試したことです（どれもうまくいきませんでした）：

  1. append（）行の後で、サイズ変更可能なものを再初期化します- $（'＃items'）。resizable（）;
  2. append（）行の後で、サイズ変更可能を削除してから再度追加します- $（'＃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 に答える