Как привязать событие прокрутки к Live()?

Ответ прост. scroll — это то, что предотвращает мерцание, потому что оно срабатывает в самый первый момент изменения размера. Но scroll не влияет на live (поскольку он не всплывает), поэтому ваши вновь созданные текстовые области будут изменены в размере keyup, но сработают позже (таким образом, мерцание).

Обновление: Конечно, я даже могу решить вашу проблему. Вам просто нужно спросить :) [Демо]

$('textarea.autoresize').live('keyup', function() {
    var el = $(this);
    if (!el.data("has-scroll")) {
        el.data("has-scroll", true);
        el.scroll(function(){
           resizeTextArea(el);
        });
    }
    resizeTextArea(el);
});

Дело в том, что он смешивает live с bind. Событие keyup, которое срабатывает для всех элементов (из-за live), условно добавляет уникальное событие scroll.

Обновление 2. Да, и, кстати, весь код изменения размера можно было бы лучше записать так:

// resize text area (fixed version of Pointy's)
function resizeTextArea(elem) {
    elem.height(1); elem.scrollTop(0);
    elem.height(elem[0].scrollHeight - elem[0].clientHeight + elem.height())
}​

Попробуйте это (JSFiddle):

$('#Add').click(function(){
    var id = "newtextarea"+Math.floor(Math.random()*1000);
   $('#pane').append($('<textarea class="new" rows="1" cols="40" id="'+id+'"></textarea><br/>'));
    $('textarea:last').focus();
    bindAgain(id);
});

//inital resize
resizeTextArea($('#tst'));

//'live' event
$('textarea.new').bind('keyup scroll', function() {
    resizeTextArea($(this));
});

function bindAgain(id)
{
    $('#'+id).bind('keyup scroll', function() {
    resizeTextArea($(this));
});

}

По сути, он перепривязывает событие, используя динамически созданный идентификатор. Не так элегантно, как решение karim79, но работает.

Я привязываю его к пользовательскому событию, которое вызываю всякий раз, когда происходит что-то важное. Нравится:

$(body).live('MyCustomEvent', function() {
    $("#MyScrollItem").scroll(function() {
       // Do things here
    }
});

Надеюсь, это поможет. Коротко и мило.

Я нашел решение этой проблемы: проблема в том, что .live и прокрутка не работают.

Мое решение - использовать событие привязки ... и тайм-аут. Тайм-аут даст DOM время для обновления, например.

Приведенный ниже код используется для загрузки содержимого при прокрутке вниз страницы. Взгляните на setTimeout и привязку.

$('.list').bind("scroll",function(){
    $('.list').height()));
    if($('.list').scrollTop() >= ($('.list').height()+ $(window).height())){        
      setTimeout(function(){    //Time out is used as there is a possibility that
        last_function();
      },200);   
    }
});