Facebook Like und Share Button auf Ajax

Question

Hintergrund: - Verwenden Sie Ajax, um eine Entität namens "foo_posts" zu bekommen. In diesem Beitrag ist mit Facebook teilen und wie Taste

{% for post in foo_posts %} 
    <div class="foo"> 
     {{ post }} 
     <div class="fb-like" data-send="true" data-width="450" data-href="http://foo/foo/detail/{{ foo.id }}/" data-show-faces="true"></div> 
</div> 

{% endfor%} Nun ist diese Beiträge bevölkert werden mit Ajax.

Problem: - Die Facebook wie und Aktien von

$(function(d, s, id) { 
       var js, fjs = d.getElementsByTagName(s)[0]; 
       if (d.getElementById(id)) return; 
       js = d.createElement(s); js.id = id; 
       js.src = "//connect.facebook.net/en_GB/all.js#xfbml=1&appId=245185848840630"; 
       fjs.parentNode.insertBefore(js, fjs); 
     }(document, 'script', 'facebook-jssdk')); 

initialisiert wird arbeiten Dies ist nicht. Wie kann ich diese Funktion aufrufen, so dass Like und Share richtig ausgefüllt werden? Sollte es in der Ajax-Erfolgsfunktion aufgerufen werden. (Jetzt rufe ich es auf Seite selbst an)

P.S: - Ich habe es in der Erfolgsfunktion versucht. Ich schätze, ich mache es falsch.

Answer 1

XFBML-Tags werden standardmäßig nur bei der JS-SDK-Initialisierung von Facebook analysiert.

Sie sollten die Methode FB.XFBML.parse() aufrufen, sobald Sie das soziale Plug-in dem DOM nach dem Rendern der Seite hinzufügen.

Sie können es für alle Dokument aufrufen oder durch das Element Angabe XFBML Elemente innerhalb suchen:

FB.XFBML.parse(); 
// OR 
FB.XFBML.parse(DOM_ELEMENT_WHERE_AJAX_CONTENT_IS_PLACED);