jquery - jQuery：复制嵌入式推文的 HTML

Question

假设我在 div 中嵌入了一条推文：

<div id="tweet">
    <blockquote class="twitter-tweet"><p>A lion would never cheat on his wife. But a Tiger Wood.</p>&mdash; Puns (@omgthatspunny) <a href="https://twitter.com/omgthatspunny/status/301482080490115072">February 13, 2013</a></blockquote>
    <script async src="//platform.twitter.com/widgets.js" charset="utf-8"></script>
</div>

<div id="tweet-insert"></div>

我想复制推文并将其插入另一个 div：

var tweetHtml = $("#tweet").html();
$("#tweet-insert").html(tweetHtml);

这是一个小提琴。

这不起作用，它让我:(

关于修复的任何想法？

Answer 1

该脚本是异步加载的，因此当您尝试复制内容时，它可能尚未加载。

load当脚本的 -event 触发时复制内容：http: //jsfiddle.net/doktormolle/MSfvT/

Answer 2

您可以像这样使用 jQuery .clone()：

var tweetCopy = $("#tweet").clone();
$("#tweet-insert").append(tweetCopy);

jsFiddle：http: //jsfiddle.net/jfriend00/9Segq/