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

时间:2016-01-18 18:55:36

标签: jquery html twitter hyperlink

我有一个随机引用生成器,我想为用户提供一个选项来发布当前显示的引用。我已经在HTML中添加了一个空白超链接标记,并在jQuery中使用此代码对其进行了编辑,currentQuote是保存当前显示引用的变量:

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

这会提取一个Twitter提交框,但不会自动添加我的报价。

这是项目: http://codepen.io/biancalelei/pen/vLeJVd

1 个答案:

答案 0 :(得分: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