无法分享包含引用和作者(FCC Random Quote Machine）Javascript/JQuery的推文

Can't Share Tweet containing quote & author (FCC Random Quote Machine) Javascript/JQuery

本文关键字：Javascript Machine Quote JQuery Random FCC 包含 分享 引用      更新时间：2023-09-26

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

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

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

随后告诉JQuery，每当我点击"Gimme A'报价"按钮时，都要这样做：

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

我的代码位于此处：http://codepen.io/myleschuahiock/pen/WrVgzB请看一看！

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

这个项目是我提交自由代码营的。

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

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

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').click()中删除$('.twitter-share').attr("href", twitterIntent);，一切就绪。

相关文章：