设置Twitter意图按钮，推文显示'未定义'

Question

我在我的网页上设置了一个Twitter意图按钮，但无论我将文本部分设置为什么，我总是得到'null'或'undefined'

以下是我的codepen的链接：http://codepen.io/JonLangel/pen/kXdmqP?editors=0010

这是非常粗俗的NSFW。

以下是twitter按钮的HTML：

        <div id="twitter-button">
          <a class="twitter-share-button" id="twitter" href="#"
            role="button" target="_blank" data-size="large">Tweet</a>
        </div>

这是JavaScript：

    var my_spreadsheet = 'https://docs.google.com/spreadsheets/d/1s-X822Oiga0j0eHC8PvegRo6W8GGC0a28nVgnvSsOqo/pubhtml';

    var sheet_data;

    function init() {
      Tabletop.init( { 
        key: my_spreadsheet, 
        callback: saveData,
        simpleSheet: true
      });
    }
    function saveData(data, tabletop) {
      sheet_data = data; 
    }

    var newQuote = function(newQuote) {
        var randNum = Math.floor(Math.random() * (sheet_data.length));
        $("#advice").html(sheet_data[randNum].Advice).addClass('animated zoomIn').one('webkitAnimationEnd mozAnimationEnd MSAnimationEnd oanimationend animationend', function(){
  $(this).removeClass();
             });
    }

    $(document).ready(function() {

      init();

      $('.container-fluid').click(function(){
        newQuote();


      $('#twitter').attr('href', 'https://twitter.com/intent/tweet?text=' + newQuote.randNum);
    }); 
    });