Question

我有一张表格，列出辩论日历上的所有事件。每一行都有基本信息，如学校，时间和地点等。我想得到它，以便表格中的最后一列通过jquery完成共享链接，所以我不需要为每个条目都这样做。 See what I have so far here.

我希望得到它，以便点击共享链接时，我将该行的相关信息放入如下所示的URL中，该URL在新窗口中打开，以便用户可以发布到Facebook。在下面我有我希望出现在每个点的类的名称，例如.yearlevel我想要标题字段中的yearlevel类的内容。更加复杂的事情我需要确保任何空格都被编码，例如％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

对每个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.
   );

});

<强> DEMO

希望这有帮助

Jquery在表单中将内容从表格中获取到Facebook Feed对话框

1 个答案: