不能共享包含引号的Tweet &作者(FCC随机报价机) Javascript/JQuery

Question

我的JSON很好用。每次我点击我的"Gimme‘Quote“按钮时，我都可以修改引文和引用作者。然而，每次我尝试使用引用的文本和作者发布推特时，我都会遇到问题。每当我点击twitter符号时，页面就会刷新。

我一直试图通过以下操作将引用的内容和作者添加到Tweet中：

var twitterIntent = 'https://twitter.com/intent/tweet?text=' + quoteText + 'Author' + quoteAuthor + ' @myleschuahiock';

然后，当我点击"Gimme‘Quote“按钮时，告诉JQuery这样做：

$('.quote-button').click(function(){
    getQuote();
    colorRandomizer();
    $('.twitter-share').attr("href", twitterIntent);
});

我的代码位于这里：http://codepen.io/myleschuahiock/pen/WrVgzB，请看！

有人能告诉我我做错了什么吗？谢谢，非常感谢！

这个项目是我提交的免费代码营。

Answer 1

您正在getQuote()函数中定义getQuote()，但随后尝试在该函数之外使用它。如果您检查控制台中是否有错误，则显示在单击按钮后twitterIntent已被定义。相反，您只需在href函数中更改.twitter-share链接的getQuote()属性。

只需添加行$('.twitter-share').attr('href','https://twitter.com/intent/tweet?text='+quoteText+' Author: '+quoteAuthor+' @myleschuahiock');，就可以更改.quote-content和.quote-author区域的内容，如下例所示。

json.forEach(function(val) {
    quoteText = val.quote;
    quoteAuthor = val.author;
    $('.quote-content').html(quoteText);
    $('.quote-author').html(quoteAuthor);
    $('.twitter-share').attr('href','https://twitter.com/intent/tweet?text='+quoteText+' Author: '+quoteAuthor+' @myleschuahiock');
  });

然后，您所要做的就是将$('.twitter-share').attr("href", twitterIntent);从$('.quote-button').click()中删除，您就都准备好了。