problème redimensionnement DIV après avoir modifié innerHtml

Question

J'ai un problème de redimensionnement d'un DIV, après que je fais un peu modifier la innerHtml,

<div id='resizeme'>Hello ....(some hidden html elements for re size event)</div> 

Lorsque je modifie le texte l'événement resize ne se déclenche pas. J'utilise jQuery.

Answer 1

Vous devriez voir ce qui se passe dans votre console. Quand un élément est redimensionnable, beaucoup d'éléments internes seront ajoutés. si vous modifiez le innerHTML de l'élément, ces éléments ajoutés pour la resizabilité ont également été perdus. donc redimensionner ne fonctionnera pas. essayez comme ci-dessous.

$('.editme').keypress(function(){ 
    var targetid = event.target.id; 
     var txt = $('#addTxtBox1').val(); 
     var temptxt = $('#temptxt').val(); //take hidden txt value which is reside in div 
     $('#temptxt').val(txt); //assign edited value again in hidden variable 

     var tempselection = $(this); 
     $(tempselection).resizable("destroy"); // remove the resizability from the element 

     var temphtml = $(tempselection).html().replace(temptxt,txt); 


     $(tempselection).html(temphtml); 

     $(tempselection).resizable(); // add the resizability again 

});