0

この単純な jQuery コードではクリックが得られず、その理由がわかりません

$(document).ready(function(){  
 $("#piano").hide();
        $("#guitar").hide();
        $("#bass").hide();

                    console.log("E");
        $("#drumbtn").click(function() {
           alert("Handler for .click() called.");
      });

         $('#pianobtn').click(function () {
             $('#piano').show();
            $("#bass").hide();
            $("#drums").hide();
            $("#guitar").hide();

        });
        $("#guitarbtn").click(function () {
            $('#guitar').show();
            $("#bass").hide();
            $("#piano").hide();
            $("#drums").hide();

        });

        $("#bassbtn").click(function () {
                            $('#bass').show();
            $("#drums").hide();
            $("#piano").hide();
            $("#guitar").hide();

    });    });

Drumbtn アラートでさえ機能していません。私は単純なものを逃したと確信しています

編集

HTML

 <ul>
    <li ><div id="drumbtn">Drums</div></li>
    <li ><div id="pianobtn">Piano</div></li>
    <li ><div id="guitarbtn">Guitar</div></li>
    <li ><div id="bassbtn">Bass Guitar</div></li>
 </ul>
<div id="mpc">

  <div class="wrapper" id="drums">
        DRUMS
  </div>

 <div class="wrapper" id="piano">
     PIANO
 </div>

<div class="wrapper" id="bass">
 BASS
 </div>

 <div class="wrapper" id="guitar">
     GUITAR
   </div>
</div>
4

1 に答える 1

1

ちょっとあなたのコードは絶対に正しく、私にとってはうまくいきます。jquery library.download jquery-1.7.2.js ファイルをインポートして js フォルダーに配置し、この行をコードに挿入する必要があります。 .

<script type="text/javascript" src="js/jquery-1.7.2.js"></script>
于 2013-01-08T06:46:22.703 に答える