JqueryのコンテンツをテーブルからFacebookフィードダイアログに移動します。

Question

討論用のカレンダーのすべてのイベントを一覧表示する表があります。各行には学校、時間、会場などの基本的な情報があります。テーブルの最後の列がjquery経由で行われるようにしたいので、各エントリごとに行う必要はありません。 See what I have so far here.

共有リンクをクリックすると、次のようなURLに関連する情報が表示され、新しいウィンドウが開き、ユーザーがFacebookに投稿できるようになります。下の例では、各スポットに表示したいクラスの名前があります。例：yearlevelキャプションフィールドに年年クラスのコンテンツが必要です。さらに、URLを有効にするためにスペースがエンコードされていることを確認する必要があります（例：％20）。

http://www.facebook.com/dialog/feed? 
app_id=123050457758183& 
link=http://developers.facebook.com/docs/reference/dialogs/& 
picture=http://fbrell.com/f8.jpg& 
name=School%20Debate& 
caption=.yearlevel& 
description=.homeschool%20.versus%20.awayschool%20@%20.venue%20@%20.datetime& 
redirect_uri=http://www.example.com/response 

これは可能ですか？ 正しい軌道に乗るための参考になる点がありがとうございます。

Answer 1

使用.on()各HREFタグ とencodeURIComponent

$('a').on('click', function (event) { 
    event.preventDefault(); 
    var homeschool = $(this).parent().siblings('.homeschool'); 


    var url = 'http://www.facebook.com/dialog/feed?' + 'app_id=123050457758183&' + 'link=http://developers.facebook.com/docs/reference/dialogs/&' + 'picture=http://fbrell.com/f8.jpg&' + 'name=' + encodeURIComponent(homeschool) + 'caption=yearlevel&' + 'description=homeschool%20.versus%20.awayschool%20@%20.venue%20@%20.datetime&' + 'redirect_uri=http://www.example.com/response'; 

    window.open(
    url, '_blank' // <- This is what makes it open in a new window. 
    ); 

});​ 

DEMO

希望のためにこれを使用すると、テーブルの行を作成している間、あなたのURLを構築しない理由