我正在构建一个随机引用机器。我有一个推特按钮来分享报价。它工作,但只有在我点击“生成报价”按钮后。如果我在加载页面后直接点击“tweet” - 它不起作用。 我知道这是因为我的$(".twitter-share-button").attr("href", "https://twitter.com/intent/tweet?text=" + thisQuote);
代码在$("#gen").on("click", function(){
之内,但我不知道如何在此函数之外将其删除。Tweet按钮无法正常工作。 jQuery
当我把它放在外面它不工作,因为价值的thisQuote
VAR是内$("#gen").on("click", function(){
过去了当我试图把所有的代码$("#gen").on("click", function(){
它停止工作之前。
在这种情况下,我该如何订购功能?
我的笔:http://codepen.io/s4ek1389/pen/zZGNWw?editors=1010
$(document).ready(function(){
var thisQuote = "";
$("#gen").on("click", function(){
$.getJSON("http://quotesondesign.com/wp-json/posts?filter[orderby]=rand&filter[posts_per_page]=1&callback=", function(json) {
var author = "";
var quote = "";
$.ajaxSetup({cache:false});
json.forEach(function(val){
author+= val.title;
quote+= val.content;
var shortQuote = quote.slice(3,-5);
thisQuote = shortQuote + " - " + author;
$("#author").html(author);
$("#mainquote").html(quote);
})
$(".twitter-share-button").attr("href", "https://twitter.com/intent/tweet?text=" + thisQuote);
});
});
});