Different Facebook comment box after each ajax call

Question

my problem is this: I've got a webpage that changes each time the user clicks the button. The title is updated, a graph. Seeing as the page now has different content, I would love to have a different commenting section. However, the url is exactly the same (because all of the content is ajax loaded) and so I'm wondering whether it is possible to have a new FB comment box be generated as well (it would need to be generated because there are hundreds of sets of content that the user can click through)?

Thanks.

Answer 1

Yes it is possible to generate a new comment box.

After the AJAX call, you will need to remove the old comments box from the DOM, then insert a new one into the DOM and then call the javascript function FB.XFBML.parse(); to get Facebook to rerender it.

Answer 2

I found a faster way to change the comments, just changing the href:

    $(".fb-comments").attr('data-href', data_href);
    FB.XFBML.parse();