如何自动将网页中的文本添加到“Twitter 分享”按钮？

【问题标题】：How can I automatically add text from a webpage to a "Twitter Share" button?如何自动将网页中的文本添加到“Twitter 分享”按钮？
【发布时间】：2016-04-24 01:19:06
【问题描述】：

我有一个随机报价生成器，我希望用户可以选择在推特上发布当前显示的报价。我已经在 HTML 中添加了一个空白超链接标签，并在 jQuery 中使用此代码对其进行了编辑，currentQuote 是保存当前显示报价的变量：

$('.twitter-share-button').attr('href', 'https://twitter.com/intent/tweet?text=' + currentQuote);

这会拉出一个 twitter 提交框，但不会自动在其中添加我的报价。

项目如下： http://codepen.io/biancalelei/pen/vLeJVd

【问题讨论】：

标签： jquery html twitter hyperlink

【解决方案1】：

您的代码的变量范围错误。您需要在函数之外定义 currentQuote 才能使其正常工作！

所以改变

var currentQuote = quotes[randomNumber];

到

currentQuote = quotes[randomNumber];

并在代码开头添加变量的声明

$(document).ready(function() {
var currentQuote = '';
.....

还可以更改点击部分以在每次生成新报价时更新值

$('.new').on('click', function(){
  newQuote();
  $('.twitter-share-button').attr('href', 'https://twitter.com/intent/tweet?text=' + currentQuote);
});

http://codepen.io/anon/pen/oboYLo

【讨论】：

感谢您指出这一点！但这只会添加页面上首次生成的报价。我希望发布当前显示的每个单独的报价。