向预先填充的变量添加变量

Question

我正在向网页添加Tweet按钮，而Twitter则提供了一种相当直接的方式来自定义推文并生成按钮，以便将代码简单地复制并粘贴到一个网页，我想要更多的定制。

该应用程序是在Rails中构建的，我希望推文动态地包含变量的Twitter句柄（如果可用）。

当前的代码生成的Twitter按钮如下：

<% if @job.twitter.present? %> 
<li><%= link_to '<i class="fi-social-twitter"></i> '.html_safe + " Job News", twitter_url(@job.twitter), :target => '_blank' %></li> 

使用Twitter的tweet button tool，我创建：

<a href="https://twitter.com/share" class="twitter-share-button" data-text="Check out this job!" data-via="BigAmazingJobs" data-hashtags="JobTag">Tweet</a> 
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');</script> 

的鸣叫按钮的功能就好了，预先填入网站的主要的Twitter句柄和正确的hashtag，但我想添加与特定的@job变量相关联的Twitter句柄。

我已经搜索了Tweet Web Intent和Tweet Button的Twitter开发者文档，但我总结了一下。

这甚至可能吗？

非常感谢您提供任何帮助。

Answer 1

您可以将句柄添加到a-tag上的data-text属性。像这样：

<a href="https://twitter.com/share" class="twitter-share-button" 
    <%# Conditionally add "@@job.twitter" %> 
    data-text="Check out this job<% if @job.twitter.present? %><%= "@{@job.twitter}" %><% end %>!" 
    data-via="BigAmazingJobs" data-hashtags="JobTag">Tweet</a> 
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');</script>