Sources : Click doesn’t work after AJAX load – jQuery, Jquery not working after ajax refresh page.
Si vous utilisez AJAX sur votre site, il est possible que des événements comme click, submit ou hover ne fonctionnent plus après rafraîchissement si vous ne les attachez pas proprement.
Je vais utiliser l’événement click pour décrire le problème, mais ce dernier s’applique à l’ensemble des événements jQuery.
Structure HTML :
|
1 2 3 4 5 |
<form id="#onestepcheckout-form"> <div class="payment-methods"> <input type="radio" ... /> </div> </form> |
Code jQuery qui fonctionnera uniquement avant rafraîchissement AJAX :
|
1 2 3 4 |
jQuery('.payment-methods input[type="radio"]').on('click', function(){ var y = jQuery(window).scrollTop(); //your current y position on the page jQuery(window).scrollTop(y+1); }); |
Code jQuery qui fonctionnera avant et après rafraîchissement AJAX :
|
1 2 3 4 |
jQuery('#onestepcheckout-form').on('click', '.payment-methods input[type="radio"]', function(){ var y = jQuery(window).scrollTop(); //your current y position on the page jQuery(window).scrollTop(y+1); }); |