Question

说明：我有一个响应式导航栏，它可以很好地打开和关闭。
问题：当我单击链接时，它不会自行关闭。我必须手动关闭它。

请在下面找到代码库：

navbar.component.html

let url = SERVICE_URL + "GetHistoryDataByTerminalNo?TerminalNo=\(VehicleList.SelectedTerminal.selectedTerminalId)&fromDate=\(fromDateText)&toDate=\(endDateText)"
    
let request = NSMutableURLRequest(url: NSURL(string: url)! as URL,
                          cachePolicy: .useProtocolCachePolicy,
                       timeoutInterval: 30.0)
request.httpMethod = "GET"
request.allHTTPHeaderFields = headers

navbar.component.css

<meta name="viewport" content="width=device-width">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="viewport" content="width=device-width, initial-scale=0.5, user-scalable=no">
<meta name="viewport" content="width=device-width, initial-scale=0.5, user-scalable=no">

<link href="https://fonts.googleapis.com/css2?family=Kaushan+Script&display=swap" rel="stylesheet">


<div class="header header-fixed">
  <div class="navbar container">
    <div class="logo">
      <div class="logo"><a href="#home">REYA</a></div>
    </div>
    <input type="checkbox" id="navbar-toggle">
    <label for="navbar-toggle"><i></i></label>
    <nav class="menu">
      <ul>
        <li><a (click)="goToHome('home')">Home</a></li>
        <li><a (click)="goToBlogs('more-blogs')">Blogs</a></li>
        <li><a (click)="goToServices('services')">Services</a></li>
        <li><a (click)="goToContact('contact')">Contact</a></li>
        <li><a>Login</a></li>
        <li><a>Sign Up</a></li>
      </ul>
    </nav>
  </div>
</div>
<router-outlet></router-outlet>

我尝试了许多选择，包括：

评论大部分内容
删除媒体查询
删除点击事件

什么都没用！有人可以帮我吗？

Answer 1

我不确定您是如何实现JS函数的，但是我想我可以模拟单击导航栏切换器，或者只要用户导航就创建一个调用函数，以确保导航栏在导航后关闭。

当我单击另一个链接时，导航栏为什么没有关闭？

1 个答案: