Question

我目前正在尝试创建一个应用程序来推文出现在文本泡泡中的报价。但是，当我使用这行代码时，

<a class="twitter-share-button" href="https://twitter.com/intent/tweet?text" + encodeURIComponent(quote.quote + ' - ' + quote.author);>Tweet</a>

它不会带我到任何地方。有什么方法可以使这个工作或我需要使用外部Twitter按钮吗？

谢谢！

CodePen链接：http://codepen.io/Jelani/full/rOmrOJ/

Answer 1

你不能在你的标记中嵌入javascript。您可以采取的一种方法是在randomQuote函数中添加一些代码，如下所示：

var randomQuote = function() {
  ... // current code
  var text = quote.quote + ' - ' + quote.author;
  $('.twitter-share-button').attr('href', "https://twitter.com/intent/tweet?text="+encodeURIComponent(text));
}

另一种方法是将quote变量声明移出randomQuote函数，并在onclick上设置twitter-share-button

<a class="twitter-share-button" onclick="goTweet()">Tweet</a>

调用一个类似于：

的函数

function goTweet() {
  var text = quote.quote + ' - ' + quote.author;
  window.location.href = "https://twitter.com/intent/tweet?text=" +  encodeURIComponent(text);
}

encodeURIComponent不使用Twitter按钮

1 个答案: