0

討論カレンダーのすべてのイベントをリストした表があります。各行には、学校、時間、会場などの基本的な情報が含まれています。テーブルの最後の列が jquery 経由でリンクを共有するように取得したいので、エントリごとに行う必要はありません。私がこれまでに持っているものをここで見てください。

共有リンクをクリックすると、その行の関連情報が次のような URL に取得され、新しいウィンドウが開き、ユーザーが Facebook に投稿できるようになります。以下に、各スポットに表示するクラスの名前を示します。例: .yearlevel キャプション フィールドに 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

これは可能ですか？私を正しい軌道に乗せるための指針は大歓迎です！

4

1 に答える 1

0

href タグごとに.on()を使用し、 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.
   );

});​

デモ

お役に立てれば

于 2012-05-01T15:51:50.580 に答える