javascript - 向预填充的推文添加变量

Question

我正在向网页添加一个推文按钮，虽然 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>

tweet 按钮功能正常，预先填充了网站的主要 Twitter 句柄和正确的主题标签，但我想添加与特定 @job 变量关联的 Twitter 句柄。

我在 Twitter 开发者文档中搜索了 Tweet Web Intent和 Tweet Button , 但我做空了。

这可能吗？

预先感谢您提供的所有帮助。

Answer 1

您可以将句柄添加到 a 标签上的 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>