javascript - JS/jQuery 'Tweet this' 按钮不工作

Question

这是HTML代码:

<a class="tweet">
    <button class="btn btn-default btn-md">

        <i class="fa fa-twitter hidden-sm hidden-md hidden-lg"></i><span class="hidden-xs">Tweet This</span>

    </button>
</a>

以及 JS 的要点

function tweet(message, author) {
  window.open('https://twitter.com/intent/tweet?hashtags=thequotemachine&text=' + encodeURIComponent('"' + message + '" ' + author + " via"));
}

和

$('button.tweet').click(function() {
  var currQuote = $('#quote').text();
  var currAuthor = $('#author').text();
  var truncatedString = truncateString(currQuote, currAuthor)
  tweet(truncatedString, currAuthor);
});

当点击它时，它应该获取“quote”，这是页面中的一段文本，并且它应该打开一个新窗口供用户“tweet”该引用。现在点击它什么都不做，但我不明白为什么。我确定我遗漏了一些非常令人尴尬的基本知识。也许我只需要再看一眼……

Answer 1

您的选择器 button.tweet 将匹配具有类 tweet 的 button。从您的 HTML 结构中，您需要 .tweet button 或仅将 .tweet 广告添加到您的按钮元素。