Question

Hi I have a ul and that ul is populated through ajax request. Now I want to trigger a functiont whenever the content is placed or changed in that ul. My ul is like this

 <ul class="prodListing" id="prodListing"></ul>

I have tried .bind() function with contentchange like this

$(".prodListing").bind('contentchange', function() {
                alert("called");
                show_Socialshare();
        });

And also tried

$(".prodListing").change(function(){
            alert("called");
            show_Socialshare();
});

But both are not working. Can any body tell me how can I fire the function on this event

Answer 1

You could use:

$(document).bind('ajaxComplete', function(){
    alert("called");
    show_Socialshare();
});

This will watch the document for any ajax calls and run once it’s complete.