jQuery的切换菜单不起作用

Question

Im trying to achieve a css jquery toggle menu, but it doesn't function these are the codes im using 我试图实现一个css jquery切换菜单，但它不起作用，这些是我正在使用的代码

CSS: 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";
}

and the JS 和JS

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

is there any error on these codes? 这些代码有什么错误吗？

Answer 1

The problem is because you need to wrap your code in ready handler and Make sure you have loaded the jQuery before your Script start or in the <head>....</head> section: 问题是因为您需要将代码包装在就绪处理程序中，并确保在脚本启动之前或<head>....</head>部分中已加载了jQuery：

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

WORKING DEMO 工作演示

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