Question

有谁能告诉我为什么我的下拉菜单不起作用？我觉得这是一个非常简单的修复，但我无法弄明白。

HTML

    <div id="Build" class="dropdown_head col-xs">
        <h1>Build</h1>
        <img src="assets/images/img_1.png">
    </div>    

    <div class="dropdown col-xs">
        <p>Some things are written here</p>

         <img src="assets/images/img_21.png" style="float: right;"> 
    </div>

Jquery的：

$(document).ready(function(){

$(".dropdown_head").on('click'.function(){
    $(".dropdown").slideToggle("slow");

    });

}）;

CSS：

.dropdown_head{
    width: 100%;
    height: 90px;
}

.dropdown{
    font-family: 'Dosis';
    width: 100%;
    height: 300px;
    margin-left: 20px;
    margin-top: 30px;
    display: none;
}

Answer 1

$(".dropdown_head").on('click'.function(){
$(".dropdown").slideToggle("slow");

});

看起来像。而不是a，near函数（）

Answer 2

你有一个＆＃39;。＆＃39;在'click'和function之间，您应该有一个＆＃39;，＆＃39;代替。将您的JavaScript更改为以下内容：

$(document).ready(function(){
  $(".dropdown_head").on('click', function() {
    $(".dropdown").slideToggle("slow");
  });
});

Answer 3

我使用你的代码创建了jsfiddle示例： -

$(document).ready(function(){

$(".dropdown_head").on('click',function(){

    $(".dropdown").slideToggle("slow");

    });
})

你正在使用。而不是，在$(".dropdown_head").on('click',function()行中。

点击查看工作示例： - http://jsfiddle.net/Xuu3K/8/

jquery下拉列表无效

3 个答案: