Pages

Friday, October 4, 2013

jQuery not working after AJAX call


When programmer bounded the functionality of the click event even before the new content is injected to the DOM. So that functionality will not be available to the newly added (injected) dynamic content. To handle this , you need to use jQuery on

So Change your code from
$(function(){
   $(".class_name").click(function(){    
     // your code    
   });
});
to
$(function(){
    $(document).on("click",".class_name",function(){
       //your code
    });
});
jQuery on will work for current and future elements. on is avaialbe from jQuery 1.7+ onwards. If you are using a previous version of jQuery, use live

So Change code in previous version
$(".class_name").live("click",function(){

2 comments: