Jquery从表中将内容转换为Facebook Feed对话框

我有一个列出辩论日历上所有事件的表格。每一行都有基本的信息，如学校，时间和地点等。我想获得它，以便表格中的最后一列共享链接通过jquery完成，所以我不需要为每个条目执行此操作。 See what I have so far here.Jquery从表中将内容转换为Facebook Feed对话框

我想要得到它，以便点击共享链接时，我可以将该行的相关信息导入到像下面这样在新窗口中打开的网址，以便用户可以发布到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%[email protected]%20.venue%[email protected]%20.datetime& 
redirect_uri=http://www.example.com/response

这可能吗？任何指针让我走上正确的轨道将不胜感激！

来源

2012-05-01 ak85

你为什么不构建您的网址，而你正在创建的表的行？ – Dhiraj

使用.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%[email protected]%20.venue%[email protected]%20.datetime&' + 'redirect_uri=http://www.example.com/response'; 

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

});

DEMO

希望这有助于

来源

2012-05-01 15:51:50 Dhiraj

是的，这工作表示感谢。我不太清楚'var homeschool = $（this）.parent（）。siblings（'。homeschool'）;'尽管如此，我为每个我想要的项目设置了变量，例如'var datetime = $（' 。.datetime'）的HTML（）;' – ak85

Jquery从表中将内容转换为Facebook Feed对话框

回答

相关问题