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

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

我嘗試創(chuàng)建一個導航欄,但我的 javascript 代碼不起作用

我嘗試創(chuàng)建一個導航欄,但我的 javascript 代碼不起作用

呼如林 2023-01-06 10:54:24
所以你好,我正在嘗試創(chuàng)建一個導航欄并且一切順利,但是當我在導航欄的響應度下工作時,我的 addeventlistener 函數(shù)不起作用:這是我的 html:<!DOCTYPE html><html><head>    <meta charset="UTF-8">    <link rel="stylesheet" href="style.css">    <script src="app.js"></script>    <link href="https://fonts.googleapis.com/css2?family=Poppins:wght@600&display=swap" rel="stylesheet">    <meta name="viewport" content="width=device-width, initial-scale=1.0">    <title>Test Nav</title></head><body>    <nav class="navbar">        <h4 class="logo">Nav</h4>        <ul class="navlinks">            <li>                <a href="#" >Home</a>            </li>            <li>                <a href="#" >Work</a>            </li>            <li>                <a href="#" >About us</a>            </li>            <li>                <a href="#" >Projects</a>            </li>        </ul>        <div class="burger">            <div class="bar1"></div>            <div class="bar2"></div>            <div class="bar3"></div>        </div>    </nav></body></html>
查看完整描述

1 回答

?
慕絲7291255

TA貢獻1859條經(jīng)驗 獲得超6個贊

很高興看到你是新來的,并決定加入!


不使用 jQuery,你可以使用這個:


const navSlide = () => {

    const burger = document.querySelector('.burger')

    const nav = document.querySelector('.navlinks')


    burger . addEventListener('click',()=>{

        nav.classList.toggle('nav-active')

    })

}


document.addEventListener("DOMContentLoaded", function(event) { 

  navSlide();

});

基本上,這段代碼將等到頁面加載(以便所有元素都存在于 DOM 中,這意味著document.querySelector可以工作),然后附加事件偵聽器。這是避免瀏覽器呈現(xiàn)緩慢等問題的最佳做法,而不依賴于瀏覽器最后呈現(xiàn)腳本。


查看完整回答
反對 回復 2023-01-06
  • 1 回答
  • 0 關注
  • 117 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

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

幫助反饋 APP下載

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

公眾號

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