Javascript 设置Twitter意图按钮，tweet显示'；未定义'；

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

以下是指向我的代码笔的链接：

这太粗俗了，所以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>

    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);
    }); 
    });