Comment puis-je garantir que les événements jQuery continuent de fonctionner après les mises à jour partielles des pages ASP.NET UpdatePanel ?

Résoudre les problèmes de liaison d'événements avec UpdatePanels et jQuery $(document).ready

Lors de l'utilisation de UpdatePanels dans des applications ASP.NET, il est crucial de Considérez comment se comportent les liaisons d'événements utilisant la fonction $(document).ready de jQuery. Comme UpdatePanels met partiellement à jour la page, les événements liés à l'aide de $(document).ready peuvent cesser de fonctionner.

L'approche recommandée pour résoudre ce problème n'est pas de s'appuyer uniquement sur $(document).ready. Utilisez plutôt l'objet PageRequestManager de Microsoft, qui est disponible lorsqu'un UpdatePanel est présent. À l'aide de la méthode add_endRequest de PageRequestManager, vous pouvez vous réabonner aux événements après chaque mise à jour de UpdatePanel.

Exemple

$(document).ready(function() {
    // Bind initial jQuery events
});

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

prm.add_endRequest(function() {
    // Re-bind jQuery events
});

De plus, la méthode .on() de jQuery propose une option plus efficace pour la délégation d’événements. Cependant, examinez attentivement la documentation avant d’utiliser cette approche, car elle peut ne pas convenir à toutes les situations. Certains plugins jQuery peuvent nécessiter la méthode de réabonnement susmentionnée.

En adoptant ces approches, vous pouvez gérer efficacement les liaisons d'événements avec UpdatePanels et jQuery, garantissant que vos éléments interactifs restent réactifs tout au long des mises à jour partielles de pages.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!