hrefをjQueryで変更しています。 $（id）.attr（ "href"、 "url"）は動作しません

Question

私はツイートボタンを私の見積もり機から見積もりを共有しようとしています。

$("#twitter-widget-0").attr("href", "https://twitter.com/intent/tweet?ext=" + thisQuote); 

が、それは動作しません何らかの理由で - 。そのために私はそれが持つhrefだ変えてみました。何が問題なのか。

P.S. "#twitter-widget-0"は私のhtmlでは定義されていませんが、これはtwitterボタンが作成するレンダリングされたiframeのIDです。ここで

は私のペンです：http://codepen.io/s4ek1389/pen/zZGNWw?editors=0110

HTML：

<a href="https://twitter.com/share" class="twitter-share-button" data-size="large">Tweet</a> 
<script async src="//platform.twitter.com/widgets.js" charset="utf-8"></script> 

JS：$("#twitter-widget-0").attr("href", "https://twitter.com/intent/tweet?ext=" + thisQuote);が生成引用ボタンの上内に配置されたため、Ifは働いていなかった

$(document).ready(function(){ 

    $("#gen").on("click", function(){ 
    $.ajaxSetup({cache:false}); 
$.getJSON("http://quotesondesign.com/wp-json/posts?filter[orderby]=rand&filter[posts_per_page]=1&callback=", function(json) { 

    var author = ""; 
    var quote = ""; 

    json.forEach(function(val){ 
    author+= val.title;  
    quote+= val.content; 
    }) 


    $("#author").html(author); 
    $("#mainquote").html(quote); 
    var thisQuote = quote + " " + author; 
    $("#twitter-widget-0").attr("href", "https://twitter.com/intent/tweet?ext=" + thisQuote); 
}); 
    });  


    }); 

Answer 1

（ "クリック" ） 関数。そのため、Generate Quoteボタンが最初にクリックされた場合にのみ機能しました。

コードを$(document).readyの下に置くと機能します。しかし、私のthisQuote varがないと、グローバル変数ではないからです。