Question

这个简单的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>

Answer 1

嘿，你的代码是完全正确的，它适用于我。你需要导入jquery library.download jquery-1.7.2.js文件并放入你的js文件夹并将这一行插入你的代码。我希望它也会为你工作。

<script type="text/javascript" src="js/jquery-1.7.2.js"></script>

为什么这不适用于jQuery

1 个答案: