Note that there are some explanatory texts on larger screens.

plurals
  1. PO
    primarykey
    data
    text
    <p>If using XFBML, than you should wrap your like button code, eg.</p> <pre><code>&lt;fb:like href="http://example.com" send="true" width="450" show_faces="true"&gt;&lt;/fb:like&gt; </code></pre> <p>into a div or span, eg:</p> <pre><code>&lt;span class="fb-like"&gt; &lt;fb:like href="http://example.com" send="true" width="450" show_faces="true"&gt;&lt;/fb:like&gt; &lt;/span&gt; </code></pre> <p>Than, after gaining new URL via ajax, you have to clear already generated facebook like widget, and replace it with new fb:like code</p> <pre><code>jQuery('.fb-like').html('&lt;fb:like href="http://example.com" send="true" width="450" show_faces="true"&gt;&lt;/fb:like&gt;'); </code></pre> <p>And than you have to initialize facebook like button again</p> <pre><code>FB.XFBML.parse(); </code></pre> <p>Final code could looks like this one. Assume that response contains pure new URL</p> <pre><code>&lt;span class="fb-like"&gt; &lt;fb:like send="true" width="450" show_faces="true"&gt;&lt;/fb:like&gt; &lt;/span&gt; &lt;script type="text/javascript"&gt; $.ajax({ url: "getMeUrl.php", success: function(url){ $('.fb-like').html('&lt;fb:like href="'+url+'" send="true" width="450" show_faces="true"&gt;&lt;/fb:like&gt;'); FB.XFBML.parse(); } }); &lt;/script&gt; </code></pre> <p>Summary:</p> <pre><code>To refresh facebook like button (or any other facebook XFBML) you have to: 1) destroy existing initialized widget (clear the content of XFBML code wrapper) 2) add new XFBML code into wrapper 3) initialize new code via FB.XFBML.parse(); </code></pre>
    singulars
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. VO
      singulars
      1. This table or related slice is empty.
    2. VO
      singulars
      1. This table or related slice is empty.
    1. This table or related slice is empty.
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload