Question

I use the following module to do auto-scaling on my textareas

http://james.padolsey.com/javascript/jquery-plugin-autoresize/

It works great till I load some new textareas via ajax. I’m use to just switching .click with .live(‘click’, fn) and it works fine.. but not this time.

My js to init auto-resize looks like

$('textarea.comment_entry').autoResize({
    onResize : function() {
        $(this).css({opacity:0.8});
    },
    animateCallback : function() {
        $(this).css({opacity:1});
    },
    animateDuration : 300,
    extraSpace : 10
});

I was using the infinite scroll plugin and this was the magic

$('div#content').infinitescroll({

  navSelector  : "a#next:last",            
  nextSelector : "a#next:last",   
  itemSelector : "#content div.content_box",
  donetext     : ""
},function(posts){
    $('textarea.comment_entry').autoResize({
        onResize : function() {
            $(this).css({opacity:0.8});
        },
        animateCallback : function() {
            $(this).css({opacity:1});
        },
        animateDuration : 300,
        extraSpace : 10
    });
});

Answer 1

Can you add the plugin to the new textareas on the success:function() of the ajax response?