jQuery redimensionnable () UI problème
-
26-09-2019 - |
Question
En général, redimensionnable () fonctionne bien. Voici où je reçois dans un problème.
- J'ai un div qui contient certains éléments redimensionnables qui fonctionnent bien (redimensionnable () pour les appliquer à un moment donné).
- utilisateur peut enregistrer des éléments pour plus tard (vue innerHTML de la div est enregistré dans un tableau JavaScript, puis div est effacé afin qu'ils puissent faire autre chose) .
- Lorsque les éléments se replacés sur div (de tableau) - je fais un $ ( '# divname') append (arrayname [i]); - articles ne sont plus redimensionnable ( bien que visuellement ils ont les classes redimensionnables / poignée sur eux)
Voici ce que je l'ai essayé jusqu'à présent (dont aucun n'a travaillé):
- Après append () la ligne, je re-initialiser les redimensionnables - $ ( '# articles') redimensionnable ();.
- Après append () la ligne, retirez puis ajoutez redimensionnables - $ ( '#' articles) redimensionnable ( 'détruire') redimensionnable ();..
Toute aide est appréciée -. Merci
La solution
Ok - je me suis dit ce qu'il faut faire pour résoudre ce
.Avant d'enregistrer / stockage innerHTML de la div ( comme décrit à l'étape n ° 2 à ma question ), je détruit l'état 'redimensionnable' de tous les éléments là-dedans comme celui-ci ( exemple sélecteur ):
$('#divid .resizable_items').resizable('destroy');
Alors Je stocké innerHTML de la div dans le tableau JavaScript.
Ensuite, quand repeupler la div, j'ajouté l'élément de tableau et ré-initialiser les éléments redimensionnables comme ceci:
$('#divid').append(arrayname[i]);
$('#divid .resizable_items').resizable();
Donc, la question semble avoir été que le stockage du innerHTML qui contenait redimensionnable () articles n'a pas fonctionné lors d'une nouvelle annexant / ajouter / ce qui les rend, mais détruire les resizables avant de remiser le innerHTML, puis ré-initialisation redimensionnable () une fois qu'ils ont été remis, tout fonctionne correctement.
Donc, ce semble pour avoir abordé la question -. It helps