Javascript推文按钮没有链接

时间:2015-09-21 04:46:03

标签: javascript jquery html css

我想知道我的推文按钮有什么问题可以检查一下我的代码吗?该链接不会生成推文。

在这里查看我的代码。

http://codepen.io/mochiii/pen/YyqmJP

$(document).ready(function(){
  $(".tweet-hold a").hide();
  $("button").click(function(){
    $.getJSON("http://api.forismatic.com/api/1.0/?method=getQuote&lang=en&format=jsonp&jsonp=?", function(response){

      $(".quote").html("<p>" + response.quoteText + "</p>");
      $(".author").html("<p>" + response.quoteAuthor + "</p>");
    });
    $(".tweet-hold a").show();
    var tweet="http://twitter.com/intent/tweet?text=" + response.quoteText;
    if(response.quoteAuthor!==""){
      tweet+=" - " + response.quoteAuthor;
    }
    $(".tweet-hold a").click(function(tweet){
      $(this).attr('href', tweet);

    });
  });
});

1 个答案:

答案 0 :(得分:1)

似乎您需要稍微修改一下代码。

$(document).ready(function(){
  $(".tweet-hold a").hide();
  $("button").click(function(){
    $.getJSON("http://api.forismatic.com/api/1.0/?method=getQuote&lang=en&format=jsonp&jsonp=?", function(response){

      $(".quote").html("<p>" + response.quoteText + "</p>");
      $(".author").html("<p>" + response.quoteAuthor + "</p>");
    });
    $(".tweet-hold a").show();
    var tweet="http://twitter.com/intent/tweet?text=" + response.quoteText;
    if(response.quoteAuthor!==""){
      tweet+=" - " + response.quoteAuthor;
    }
  });

  $(".tweet-hold a").click(function(tweet){
      $(this).attr('href', tweet);

   });
});

当我尝试使用codepen时,这似乎工作正常。