Problem resizing DIV after editing innerHtml

Question

Hello all,

I have a problem resizing a DIV, after I make some edit to the innerHtml,

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

When I edit the text the resize event isn't firing. I'm using jQuery.

Answer 1

here is my code that not working:

i am adding this div element dynamically and also bind resizable event with it,

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


        var temphtml = $(tempselection).html().replace(temptxt,txt); //replacing the old text with new text 


        $(tempselection).html(temphtml);  //assigning the html code again to re sizable div
});

drag / drop functionality is working fine but only facing problem in resizable event