2017-12-14 12 views
0

が動作していないHTMLコードです:JS/jQueryの 'ツイートはこの' ボタンはここで

<a class="tweet"> 
    <button class="btn btn-default btn-md"> 

     <i class="fa fa-twitter hidden-sm hidden-md hidden-lg"></i><span class="hidden-xs">Tweet This</span> 

    </button> 
</a> 

そしてJS

function tweet(message, author) { 
    window.open('https://twitter.com/intent/tweet?hashtags=thequotemachine&text=' + encodeURIComponent('"' + message + '" ' + author + " via")); 
} 

$('button.tweet').click(function() { 
    var currQuote = $('#quote').text(); 
    var currAuthor = $('#author').text(); 
    var truncatedString = truncateString(currQuote, currAuthor) 
    tweet(truncatedString, currAuthor); 
}); 

の要旨をクリックするとそれは、ページからテキストの一部である '引用'を取ることになっていて、ユーザーがその引用文をつぶすための新しいウィンドウを開くはずです。今すぐクリックしても何もしませんが、理由を理解できません。私は非常に恥ずかしそうに基本的な何かを欠いていると確信しています。たぶん私はこの目の2番目の目を必要とします...

+1

jQueryセレクタが間違っているため、何も起こっていません。 $( "。tweet")をクリックしてください。(func ...また、慣習のために、セミコロンを3番目の変数の後ろに追加したいかもしれません。 –

+0

console.logとデバッガ文の使い方を学んでください – epascarello

+0

おかげで@AndrewGarrisonが大いに助けてくれました。私が思ったように、私は見落とされていたシンプルなものでしたか? – pmath325

答えて

2

セレクタbutton.tweettweetbuttonと一致します。あなたのHTML構造から.tweet buttonが必要です。またはボタン要素に.tweetの広告が必要です。

+0

ああ、 'a'クラスを 'tweet'にするのは間違った方法でした行く? – pmath325

+0

私は 'button'要素を完全に削除し、' btn btn-default btn-md'をアンカーに追加します。セレクタを '.tweet'に変更します – Pat

関連する問題