這是爲什麼jQuery中

不工作這簡單的jQuery代碼沒有拿起點擊，我不明白爲什麼這是爲什麼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>

來源

2013-01-08 cjds

您使用的瀏覽器是？它支持'console'嗎？ – Ian

您是否遇到任何JavaScript錯誤？你檢查了你的開發者控制檯嗎？你在你的HTML中包含jQuery嗎？你能提供一個鏈接到你的文件嗎？ – Zeta

請將html標記添加到問題中。 –

餵你的代碼是完全正確和其me.You工作需要導入jQuery的library.download jQuery的1.7 .2.js文件並放入您的js文件夾中，並將此行插入到您的代碼中。我希望它也適用於您。

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

來源

2013-01-08 06:46:22

這是爲什麼jQuery中

回答

相關問題