実際の例 (FireFox でのみ動作します。現在も作業中です): http://taylorcammack.com/projects/twitter-story/
少し紹介: jQuery 初心者なので構文が荒いかもしれませんが、標準の Twitter ウィジェットのコンテナーを作成しようとしています。
ヘッドとサブヘッドを更新するために使用される関数は次のとおりです。同様の方法を使用して、追加していないウィジェット ID を更新しています。
$('.submit').click(function(){
$('.header_twitter').replaceWith("<div class=\"header_twitter\">#" + searchTerm + "</div>");
$('.subhead_twitter').replaceWith("<div class=\"subhead_twitter\">" + twitSubhead + "</div>" );
});
ヘッドとサブヘッドを更新した後、次の方法で #embedContainer div をスクレイピングします。
var embedCode = $( "#embedContainer" ).html();
$('.generateEmbed').click(function(){
$('.embed').text("" + embedCode + "");
});
私が抱えている問題は、埋め込みコンテナーが、replaceWith で更新された HTML を登録していないことです。何か案は?