带有数据文本属性中预填充文本的Twit按钮

时间:2018-03-13 16:11:50

标签: javascript jquery html twitter

我正在尝试为FreeCodeCamp项目做一个随机引用生成器页面,我的问题是我无法使用引用文本制作预先填充的twit按钮。代码如下:

<a href="https://twitter.com//intent/tweet?" class="twitter-share-button" data-size="small" data-dnt="true" data-show-count="false" data-text="hello">Tweet</a><script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>

twitter API有一个名为data-text的属性,你可以用它来设置一些预先填充的文本,当你按下twit按钮时,我想用这样的jQuery函数改变那个属性:

function getNewQuote(){
$.ajax({url: "https://random-quote-generator.herokuapp.com/api/quotes/random", success: function(result){
$(".randomQuote").html(result.quote);
$(".twitter-share-button").prop('data-text', result.quote);
$(".randomAuthor").html(result.author);
}});
}

问题是这个属性没有改变,并且twit永远不会填充我从API获得的randome引用。如果您需要,可以在我的codepen中找到完整的代码:https://codepen.io/VictorGE/pen/eVwbEY

我也有这个codepen作为例子,但我更喜欢用自己的方式来解决这个问题:https://codepen.io/freeCodeCamp/full/ONjoLe

¡非常感谢任何帮助!

0 个答案:

没有答案