Проблема пользовательского интерфейса jQuery Resizable () - PullRequest
Новая
       14

Проблема пользовательского интерфейса jQuery Resizable ()

2 голосов
/ 14 мая 2010

В общем, resizable () работает нормально. Вот где я попадаю в проблему.

  1. У меня есть div, который содержит некоторые изменяемые размеры элементов, которые работают нормально (resizable () применяется к ним в некоторый момент).
  2. пользователь может сохранить элементы для последующего просмотра ( innerHTML элемента div сохраняется в массиве JavaScript, затем элемент div очищается, чтобы он мог делать что-то еще)
  3. Когда элементы помещаются обратно в div (из массива) - я делаю $ ('# имя_единя'). Append (arrayname [i]); - размер элементов больше не изменяется (хотя визуально они имеют изменяемые размеры классов / дескриптор на них)

Вот что я пробовал до сих пор (ни один из которых не работал):

  1. После строки append () я повторно инициализирую изменяемый размер - $ ('# items'). Resizable ();
  2. После строки append () удалите, затем повторно добавьте resizable - $ ('# items'). Resizable ('destroy'). Resizable ();

Любая помощь приветствуется - спасибо.

1 Ответ

2 голосов
/ 14 мая 2010

Хорошо - я понял, что нужно сделать, чтобы решить эту проблему.

Перед сохранением / сохранением innerHTML элемента div (, как описано в шаге № 2 в моем вопросе ), я уничтожил состояние «изменяемого размера» любых элементов, например, здесь ( пример селектора ): 

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

Затем Я сохранил innerHTML элемента div в массиве JavaScript.

Затем, при повторном заполнении div, я добавил элемент массива и повторно инициализировал изменяемые размеры элементов следующим образом: 

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

Таким образом, проблема, по-видимому, заключалась в том, что сохранение innerHTML, содержащего элементы resizable (), не работало при повторном добавлении / добавлении / рендеринге их, но уничтожало изменяемые размеры ПЕРЕД сохранением innerHTML, а затем повторно инициализировала resizable () как только их вернули обратно, все работает правильно.

Так что , кажется, решило проблему - надеюсь, это поможет.

...