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 回答