javascript - 如何使用 jQuery 将 html 附加到

Question

我正在尝试将 Facebook 开放图标记(基于页面上动态生成的内容)附加到我的 html 的头部。

 $(document).ready(function(){
var stat = $('#random-message').text();
stat = jQuery.trim(stat);

//set facebook Open Graph description
$('head').append('<meta property="og:description" content="'+stat+'"/>');

  });

这本身就可以正常工作。 js fiddle

当我将它与动态加载的 Twitter 脚本结合使用时(如下)

$(document).ready(function(){
var stat = $('#random-message').text();
stat = jQuery.trim(stat);
//set tweet button data text
$('a.twitter-share-button').attr('data-text',stat);

//set facebook Open Graph description
$('head').append('<meta property="og:description" content="'+stat+'"/>');

//insert twitter API Script - problematic
$('#tweet-like').append('<script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>');

});

它摇摆不定。 js fiddle在 js fiddle 中，它在正文中插入了一些特殊字符，并且脚本的其余部分(包括插入元标记)都不起作用。奇怪，因为 Twitter 脚本“widgets.js”正在我的页面上运行，但元标记没有出现。

Answer 1

Facebook 不使用当前页面中的元标记，它重新请求页面并解析它。由于该解析不涉及在页面中运行任何 Javascript，因此它不会将元标记添加到读取的数据中。

要使元标记起作用，它必须从一开始就出现在页面中，不能使用客户端脚本添加。