我不知道為什么，但我的代碼不起作用我想制作一個響應式導航欄代碼<!doctype html><html> <head> <!-- Required meta tags --> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <link rel="stylesheet" href="css/style.css" type="text/css" media="all" /><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"> <title></title> </head> <body> <nav class="navbar" id="navbar"><i class="fa fa-bars" aria-hidden="true" onclick="navigation()"></i><a href="#" class="logo">The Big Blog </a> <div id="navLis"> <ul> <li><a href="#">Home</a></li> <li><a href="#">Get Started</a></li> <li><a href="#">Popular Bloggers</a></li> <li><a href="#">About Us</a></li> <li><a href="#">Contact U</a></li> </ul> </div> </nav> <script src="js/app.js" type="text/javascript" charset="utf-8"></script> </body></html>CSS 代碼*{ margin: 0; padding: 0; box-sizing: border-box;}li { list-style-type: none;}a { text-decoration: none;}#navLis { display: none;}nav ul{ margin-top: 20px; color: white; background: black;}nav{ height:100px; background: white; border-bottom: 2px solid black; position: relative; background: #8dc09b;}nav li { display: inline-block; padding: 6px;}nav li a { color: white; display: inline-block;}nav i { display: none!important; font-size: 2em!important; position: absolute; top: 10px; right: 10px; transform: translate(-10px); }.logo{ font-size: 25px; margin: 20px; padding: 10px!important;}@media (max-width:668px){ nav { height: 60px; } nav li { text-align: center; display: block; } nav i { display: block!important; }}我的問題是我的 id 為 navLis 的 div 沒有顯示，我用 JavaScript 編寫了當它顯示時沒有顯示塊 ?? 很簡單！當我點擊漢堡包時購買，我的導航（）只是讓它可見，但是當我再次點擊隱藏我的列表時它不起作用
我的 javascript 函數沒有顯示響應
心有法竹
2022-11-11 16:41:26
