Проблема изменения размера DIV после редактирования innerHtml

Question

У меня есть проблема изменения размера в DIV, после того, как я сделать некоторые редактирования в innerHtml,

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

Когда я изменить текст событие изменения размера не обжиг. Я использую jQuery.

Answer 1

Вы должны увидеть, что происходит в консоли. когда элемент изменяет размер, к нему будет добавлено множество внутренних элементов. , если вы измените innerHTML элемента, те элементы, добавленные для изменчивости, также потеряны. поэтому изменение размера не будет работать. попробуйте, как показано ниже.

$('.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 

});