0

Twitterボタンを表示させたいのですが、Twitterボタンのコードがテキストリンクで表示されてしまいます。問題を解決しようとしてきましたが、ボタンに戻りません。私は何を間違っていますか？助けてください。

var i = 0;

var a;
var b;
var c;
var d;

function calculate() {

  console.log(1);
  var activity = $("#txtActivity").val();

  var days = parseInt( $("#txtDays").val(), 10);
  var hours = parseInt( $("#txtHours").val(), 10);
  var minutes = parseInt( $("#txtMinutes").val(), 10);
  var seconds = parseInt( $("#txtSeconds").val(), 10);

  var MoneyMadeDuringActivity = (days * 21464) + (hours * 2683) + (minutes * 44.72) + (seconds * 0.74);
  MoneyMadeDuringActivity = MoneyMadeDuringActivity.toFixed(2);

  if (isNaN(MoneyMadeDuringActivity)) {
    MoneyMadeDuringActivity = 0.00;
  }

  if (i < MoneyMadeDuringActivity) {
    if (a < MoneyMadeDuringActivity) { i = i + a; }
    if (b < MoneyMadeDuringActivity) { i = i + b; }
    if (c < MoneyMadeDuringActivity) { i = i + c; }
    if (d < MoneyMadeDuringActivity) { i = i + d; }
  } else if (i > MoneyMadeDuringActivity) {
    if (a < MoneyMadeDuringActivity) { i = i - a; }
    if (b < MoneyMadeDuringActivity) { i = i - b; }
    if (c < MoneyMadeDuringActivity) { i = i - c; }
    if (d < MoneyMadeDuringActivity) { i = i - d; }
  }

  $.getScript("http://platform.twitter.com/widgets.js");
  var twit_link = $('<a/>', {
    href : 'https://www.twitter.com/share',
    'class' : 'twitter-share-button',
    url : 'http://www.twitter.com/obamamakes',
    'data-count' : 'none',
    'data-via' : 'ObamaMakes',
    'data-text' : 'In the time it takes me to ' + activity + ', Barack Obama makes $' + i.toFixed(1)
  }).text('Tweet');

  $("#CalcOutput").html("In the time it takes me to <span class=\"num\">" + activity + "</span>,<br /> Barack Obama makes <span class=\"num\">" + "$" + i.toFixed(1) + "</span><br />");
  $("#CalcOutput").append( twit_link );
}

  $("#txtDays").focus(function() {
    $(this).val('');
  });
  $("#txtDays").keyup(function(event) {
    a = 2683;
    setInterval(calculate, 5);
  });

  $("#txtHours").focus(function(){
    $(this).val('');
  });
  $("#txtHours").keyup(function(event) {
    b = 670.75;
    setInterval(calculate, 5);
  });

  $("#txtMinutes").focus(function() {
    $(this).val('');
  });
  $("#txtMinutes").keyup(function(event) {
    c = 22.36;
    setInterval(calculate, 5);
  });

  $("#txtSeconds").focus(function(){
    $(this).val('');
  });
  $("#txtSeconds").keyup(function(event) {
    d = 0.37;
    setInterval(calculate, 5);
  });
4

2 に答える 2

0

css がありません。スクリプトで、そのクラスtwitter-share-button を含むスタイルシートが必要なクラスとのリンクを設定しています。css シートを HTML にリンクする方法はすでにご存知でしょうが、ここに例を示します。<head>

 <link href="controls/ControlStyles.css" rel="stylesheet" type="text/css" />

編集：

これがTwitter ドキュメントのように HTML にあることを確認してください

<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="https://platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>

<script>ボタンをどのように見せたいかによって、さまざまなタグオプションがあります。可能であれば、そのスタイリングを独自のサーバー上の独自のcssに組み込むことを試みます

于 2012-10-17T03:48:35.407 に答える
0

Twitter のすべての例で、読み込まれたスクリプトは<a>タグ マークアップの後に来ます。最初にスクリプトをロードしているため、イベントに応答するのではなく、すぐに実行され、DOMContentReady作成するボタンが見つからない可能性があります。マークアップが追加された後にスクリプトを含めてみてください。または、Twitter の jQuery 以外のコードを正確に使用してみてください。

于 2012-10-17T04:00:04.300 に答える