Javascript 为什么这在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

鼓
钢琴
吉他
贝斯吉他

鼓
钢琴
低音的
吉他

嘿，你的代码绝对正确，它对我有效。你需要导入jquery库。下载jquery-1.7.2.js文件，放入你的js文件夹，并将这一行插入你的代码。我希望它也对你有效

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

您使用的浏览器是什么？它是否支持

控制台

？是否遇到任何JavaScript错误？你检查过你的开发者控制台吗？您是否在HTML中包含jQuery？你能提供你的文档的链接吗？请在问题中添加html标记。你是否包括jquery.js你的代码在Chrome中为我工作。对此进行测试：

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