第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號安全,請及時(shí)綁定郵箱和手機(jī)立即綁定
已解決430363個(gè)問題,去搜搜看,總會有你想問的

切換到另一個(gè)顯示器后 JavaScript 停止工作

切換到另一個(gè)顯示器后 JavaScript 停止工作

肥皂起泡泡 2023-07-20 10:41:10
每次我更改一個(gè) HTML 文件中的顯示時(shí),JS 都會停止工作(我嘗試用onclickJS 函數(shù)替換 HTML 調(diào)用,但它仍然是相同的)UPD:抱歉解釋不好。問題是,如果我通過單擊nav面板上的鏈接(例如從#main到#contacts或#cart)從該網(wǎng)站的主顯示屏移動,JS 腳本會停止響應(yīng)漢堡圖標(biāo)單擊(單擊漢堡導(dǎo)航面板以獲得 800px 的屏幕最大寬度,什么也不做)代碼:const burger = document.querySelector('.burger i');const nav = document.querySelector('.nav');function toggleNav() {  burger.classList.toggle('fa-bars');  burger.classList.toggle('fa-times');  nav.classList.toggle('nav-active');}burger.addEventListener('click', function() {  toggleNav();});html,body {  margin: 0;  padding: 0;  font-family: Arial, sans-serif;}.header {  width: 100%;  height: 70px;  display: flex;  align-items: center;  justify-content: space-around;  background: #ffffff;  color: #343434;  border-bottom: 1px solid #343434;  border-top: 1px solid #343434;}.logo {  letter-spacing: 3px;}.nav {  display: flex;  justify-content: space-around;  width: 30%;}.navlink {  list-style: none;  margin: 0;}.navlink a {  color: #343434;  text-decoration: none;  font-size: 1.2em;}.burger {  font-size: 1.2em;  display: none;}@media screen and (max-width: 800px) {  .burger {    display: block;  }  .nav {    margin: 0;    background: #ffffff;    position: absolute;    right: -100%;    top: 70px;    width: 50%;    height: calc(100% - 70px);    flex-direction: column;    justify-content: space-around;    padding: 0;    transition: all 400ms;  }  .navlink {    text-align: center;  }  .nav-active {    right: 0;  }}
查看完整描述

1 回答

?
侃侃爾雅

TA貢獻(xiàn)1801條經(jīng)驗(yàn) 獲得超16個(gè)贊

問題是您.burger的 HTML 中有多個(gè)事件,而您只為第一個(gè)事件定義了 Javascript 事件。您可以通過以下方式解決此問題:

const burgers = document.querySelectorAll('.burger i');

for (let burger of burgers) {
    //define your event
}

但這不是最好的方法。您可以做的最好的事情就是重構(gòu)您的 HTML 并使用單個(gè)項(xiàng)目.burger class,但具有更可靠的事件。


查看完整回答
反對 回復(fù) 2023-07-20
  • 1 回答
  • 0 關(guān)注
  • 215 瀏覽
慕課專欄
更多

添加回答

舉報(bào)

0/150
提交
取消
微信客服

購課補(bǔ)貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動學(xué)習(xí)伙伴

公眾號

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號