Question

En général, redimensionnable () fonctionne bien. Voici où je reçois dans un problème.

  1. J'ai un div qui contient certains éléments redimensionnables qui fonctionnent bien (redimensionnable () pour les appliquer à un moment donné).
  2. 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)
  3. .
  4. 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é):

  1. Après append () la ligne, je re-initialiser les redimensionnables - $ ( '# articles') redimensionnable ();.
  2. Après append () la ligne, retirez puis ajoutez redimensionnables - $ ( '#' articles) redimensionnable ( 'détruire') redimensionnable ();..

Toute aide est appréciée -. Merci

Était-ce utile?

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

Licencié sous: CC-BY-SA avec attribution
Non affilié à StackOverflow
scroll top