2017-02-06 17 views
-1

私の宿題の中には、すべてのJavaScriptコードをできるだけ多くのjQueryに翻訳する必要がありますが、これに重大な問題があるようです。私のコードがありますが、私はプログラム全体を切り抜いて、この部分を動かして、次に進むようにしています。フルコードを見たい場合は、教えてください。jQueryで.click(function()が機能しない

(document).ready(function() { 

    $("start_test").click (function() { 
     alert("asdf"); 
    });  

}); 

そして、これはHTMLです:私はbuttoを取得するために、すべての異なる組み合わせを試してみました

<!DOCTYPE html< 
<html lang="en"> 
<head> 
    <meta charset="UTF-8"> 
    <title>Clicker</title> 
    <script src="http://code.jquery.com/jquery-latest.min.js"></script> 
    <script src="https://cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv.min.js"> 
    </script> 
    <script src="click.js"></script> 

    <link rel="stylesheet" href="styles.css" /> 
</head> 

<body> 
    <input type="button" id="start_test" value="Start Test" /> 
    <br><br> 

    <section id="buttonArray"> 
     <input type="button" value="  " /> 
     <input type="button" value="  " /> 
     <input type="button" value="  " /> 
     <input type="button" value="  " /> 
     <input type="button" value="  " /> 
     <br> 
     <input type="button" value="  " /> 
     <input type="button" value="  " /> 
     <input type="button" value="  " /> 
     <input type="button" value="  " /> 
     <input type="button" value="  " /> 
    </section> 

    <h3>Time remaining: <span id="counter">10</span></h3> 
</body> 
</html> 

nを働かせて、私がそれを働かせることができたのは$( "input")を使うことだけでした。クリックしてからすべてのボタンがアクションを行いました。私は何が欠けていますか?

+1

のjQuery/CSSセレクタを学ぶとマークされているので、それは$("#start_test")の代わり$("start_test")でなければなりません。 IDセレクタが必要です。 – SLaks

+3

要素 'start_test'はありません。 '$' 'start_test ')'は '#' – j08691

+0

'(ドキュメント).ready(関数(){'がその行の先頭に間違って紛失していますか) –

答えて

1

あなたがIDを持つ要素をターゲットにしているとIDが#

+0

はい、数分前のコメントでこれを書き留めました。それがオススメのように答えとして繰り返す必要はなく、オスが問題の理由であれば、問題は話題として閉じられるべきです。 – j08691

関連する問題