JQuery load()将像按钮/评论框一样破坏Facebook.如何解决？

Question

我正在编写一个大型网站,但我已将我的问题减少到以下微小的html文件中:

http://dl.dropbox.com/u/3224566/test.html

问题是如果我(重新)用JQuery加载一个具有facebook代码的内容,后者将不会出现,即使我重新加载脚本(导致复制all.js脚本,这是另一个问题) .

我怎样才能解决这个问题？

问候,昆汀

Answer 1

加载新内容后使用FB.XFBML.parse() ^文档

function loadPage() {
  $('#test').load('test.html #test', function() {
    FB.XFBML.parse( );
  }).fadeOut('slow').fadeIn('slow');
}

请注意,装载有ID的片段测试与ID的DIV 测试将创建多个(2具有相同的ID()要素相互嵌套页面),这是不可能发生的,因为它是无效的.

为避免这种情况,请使用更详细的$.get方法

$.get('test.html', 
        function(data) {
                    var temp = $('<div>').html(data).find('#test');
                    $('#test').html(temp.html());
              }
      );