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