2016-07-15 2 views
0

私はこの仕事をすることはできません、私はすでに私がテーマで見つけることができるすべてを読んだ。確かに私を助けることができます。 私は単に彼女がボタンのHTML ..ですクリックされたときに、IDを持つボタンは「次」のコンソール上で乱数を記録することを必要とする:jQuery on()メソッド

$(document).ready(function(){ 

    $("#next").on("click", function(){ 

     var randomNum = Math.floor((Math.random()*8)+1); 

     console.log(randomNum); 

    }); 

}); 
:ここ

<button id= "next" type= "button" class= "btn btn-lg col-xs-1">Quote!</button> 

とはJSです

(わかりやすくするためにコードをカットしています) ありがとう!あなたが行くここ

+0

何が問題なのですか?ブラウザでデベロッパーコンソールを開くと、エラーが表示されますか?そのコードは正常に動作するはずです。 JavaScriptはどのようにページに追加されますか? – epascarello

+0

ボタンは動的に作成されていますか? –

答えて

0

$(document).ready(function(){ 
 

 
$("#next").on("click", function(){ 
 

 
var randomNum = Math.floor((Math.random()*8)+1); 
 

 
console.log(randomNum); 
 

 
}); 
 

 
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<button id= "next" type= "button" class= "btn btn-lg col-xs-1">Quote!</button>

。うまく動作しているようだ。 コードを呼び出す前にJQueryをインクルードする必要があります。そうしないと、参照エラーが発生します。 ハッピーコーディング!

http://codepen.io/IsabelInc/pen/vKppwO

+0

私はOPにjQueryライブラリへの参照が既にあると仮定していますが、そうでない場合は、そうでなければ、$(document).on( "click"、 "#next"、function彼らは '$が未定義であるという不平を言います ' – wmash

+0

確かに、これはOPが使用したコードと全く同じです。OPが欠落しているものをOPが見ることができるようにスニペットにしました –

+0

ありがとう! jQueryの参照を入れていない:.. / – Chantun