How can I use jQuery to dynamically load serverfbml content into my IFRAME app page?

Question

Hi friends,

I need to render a friend selector or request form and I need the content to be dynamically generated and I would like to do it using jQuery  but whenever I try to load <fb:serverfbml>  using jQuery it breaks. Can I make this work?

Answer 1

Hello,

          Alternatively it's jQuery's html parser that messes things up. So if you set the innerhtml manually it'll work fine.

Sou can load it all in using:

$.ajax({
  type:"GET",
  url: "/my/url",
  datatype: 'text',
  success: function(html) {
    var ele = $('myselector')[0];
    ele.innerHTML = html;
    FB.XFBML.Host.parseDomElement(ele);
  }
});

The only issue with this is that none of the javascript included in the html will be run upon insertion.