Manejar eventos en UpdatePanels con $(document) de jQuery.ready

Cuando se trabaja con elementos dentro de UpdatePanels usando jQuery, confiando únicamente en $( document).El enlace de eventos listo puede ser insuficiente. Tras actualizaciones parciales de la página, estos controladores de eventos ya no funcionarán dentro del área actualizada.

Enfoque recomendado

Para solucionar este problema, considere el siguiente enfoque:

Enlace inicial con $(document).ready:
Vincula los controladores de eventos a los elementos relevantes durante la carga inicial de la página usando $(document).ready.

Resuscripción en Page Request Manager:
Suscríbete al evento endRequest de PageRequestManager de Microsoft. Este evento se activa después de actualizaciones parciales de la página. Dentro del controlador de eventos, vuelva a vincular los controladores de eventos jQuery a los elementos ahora actualizados.

Este fragmento demuestra el enfoque:

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

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

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

Enfoque alternativo

Como alternativa, considere usar el método .on() de jQuery, que es más eficiente que volver a suscribirse. Sin embargo, evalúe cuidadosamente este enfoque para asegurarse de que se ajuste a sus requisitos específicos. Consulte la documentación de jQuery para obtener detalles sobre .on():

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