javascript - 无法共享包含引用和作者的推文(FCC 随机引用机)Javascript/JQuery

Question

我的 JSON 工作正常。每次单击“给我一个报价”按钮时，我都可以修改报价文本和报价作者。但是，每次尝试使用引用的文本和作者发布推文时，我都会遇到问题。每当我点击 Twitter 符号时，页面就会刷新。

我一直在尝试通过这样做将引用内容和作者添加到推文中:

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

然后每当我点击“Gimme A' Quote”按钮时告诉 JQuery 执行此操作:

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

我的代码位于: http://codepen.io/myleschuahiock/pen/WrVgzB请看一看!

有人可以告诉我我做错了什么吗？谢谢，非常感谢!

这个项目是我为 Free Code Camp 提交的。

Answer 1

您正在 getQuote() 函数内部定义 twitterIntent，但随后试图在该函数之外使用它。如果您检查控制台是否有错误，它会显示 twitterIntent 在您单击按钮后未定义。相反，您可以在 getQuote() 函数内更改 .twitter-share 链接的 href 属性。

只需添加行 $('.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');
  });

然后您所要做的就是从 $('.quote-button') 中删除 $('.twitter-share').attr("href", twitterIntent); .click()，一切就绪。