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

我有一张表格列出辩论日历上的所有事件。 每一行都有基本信息,如学校,时间和地点等。我想得到它,以便表格中的最后一列共享链接是通过jquery完成的,所以我不需要为每个条目都这样做。 看看我到目前为止的情况。

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

http://www.facebook.com/dialog/feed? app_id=123050457758183& link=http://developers.facebook.com/docs/reference/dialogs/& picture=http://sofzh.miximages.com/jquery/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 

这可能吗? 任何指示让我走上正确的轨道将不胜感激!

对每个href标记和encodeURIComponent使用.on()

 $('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://sofzh.miximages.com/jquery/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

希望这可以帮助