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); }); |