Обработка событий в UpdatePanels с помощью jQuery $(document).ready

При работе с элементами в UpdatePanels с использованием jQuery, полагаясь исключительно на $( Привязка события document).ready может оказаться недостаточной. При частичном обновлении страницы эти обработчики событий больше не будут работать в обновленной области.

Рекомендуемый подход

Чтобы решить эту проблему, рассмотрите следующий подход:

Первоначальная привязка с помощью $(document).ready:
Привяжите обработчики событий к соответствующим элементам во время начальная загрузка страницы с использованием $(document).ready.

Повторная подписка в диспетчере запросов страниц:
Подпишитесь на событие endRequest Microsoft PageRequestManager. Это событие возникает после частичного обновления страницы. В обработчике событий повторно привяжите обработчики событий jQuery к обновленным элементам.

Этот фрагмент демонстрирует подход:

$(document).ready(function() {
    // Initial binding
});

var prm = Sys.WebForms.PageRequestManager.getInstance();

prm.add_endRequest(function() {
    // Re-binding
});

Альтернативный подход

В качестве альтернативы рассмотрите возможность использования метода .on() jQuery, который более эффективен, чем повторная подписка. Однако тщательно оцените этот подход, чтобы убедиться, что он соответствует вашим конкретным требованиям. Подробную информацию о .on() см. в документации jQuery:

• https://api.jquery.com/on/