javascript - JQuery load() 会像按钮/评论框一样破坏 facebook。如何解决？

Question

我正在编写一个大型网站，但我已将我的问题缩减为以下微型 html 文件:

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

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

我该如何解决这个问题？

问候， 昆汀

Answer 1

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

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

---

请注意，在 ID 为 test 的 div 中加载一个 ID 为 test 的片段将创建多个(两个)具有相同 ID 的元素(相互嵌套)在页面中，这不应该发生，因为它是无效的。

为避免这种情况，请使用更冗长的 $.get方法

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