javascript - jquery 切换菜单不起作用

标签 javascript jquery css menu

我试图实现一个 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>

这些代码有没有错误?

最佳答案

问题是因为您需要将代码包装在准备好的处理程序中,并确保在脚本启动之前或在 <head>....</head> 中加载了 jQuery。部分:

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

WORKING DEMO

关于javascript - jquery 切换菜单不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28626128/

相关文章:

javascript - 使用 Javascript 或 Jquery 在 S3 上保存数据

shadow - 如何为 css 中具有较低 z-index 的框提供框阴影

javascript - 以编程方式生成 Adob​​e 文件的预览

jQuery.error() 不适用于 iframe。

javascript - 为什么 WMS(网络 map 服务)请求以图 block 形式返回?

javascript - JQuery 插件范围问题

jquery - 如何解决我的 jquery 插件问题?

ios - 调试 ruby​​motion 包装的 web View

JavaScript:获取回调的参数对象

javascript - 如何在onload或dom准备好后调用带参数的函数?