不能分享Tweet包含引用和作者(FCC随机报价机)Javascript / JQuery

2023年12月11日 371次阅读

我的
JSON工作正常.每次点击“Gimme A’Quote”按钮,我都可以修改quote-text和quote-author.但是,每次尝试使用引号的文本和作者发布推文时,我都会遇到问题.每当我点击推特符号时,页面就会刷新.

我一直试图通过这样做将引用内容和作者添加到Tweet中：

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的.

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

只需添加行$(‘.twitter-share’).attr(‘href’,’https：//twitter.com/intent/tweet？text =’quoteText’作者：’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’).点击(),你就完成了.

点赞