jQuery的切换菜单不起作用

Question

我试图实现一个css jquery切换菜单，但它不起作用，这些是我正在使用的代码

CSS：

#submenu  ul{
display:none;
} 

#submenu ul li {
text-align: right;
display: block;
}

.bnt {
display: block;
color:#fff;
font-size: 15px;
text-align: right;
cursor: pointer;
}

.bnt:before {
content:"menu";
}

和JS

<script>
$('.bnt').click(function () {
   $('#submenu ul').toggle();
})
</script>

这些代码有什么错误吗？

Answer 1

问题是因为您需要将代码包装在就绪处理程序中，并确保在脚本启动之前或<head>....</head>部分中已加载了jQuery：

$(document).ready(function() {
    $('.bnt').click(function () {
      $('#submenu ul').toggle();
    });
});

工作演示

jQuery的切换菜单不起作用

问题描述

1 个解决方案

解决方案1
1 2015-02-20 10:03:38

jQuery的切换菜单不起作用

问题描述

1 个解决方案

解决方案1 1 2015-02-20 10:03:38

解决方案1
1 2015-02-20 10:03:38