微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

在使用 jquery 在其他页面中显示它后,有没有办法跟踪我的导航

如何解决在使用 jquery 在其他页面中显示它后,有没有办法跟踪我的导航

嗨,伙计们,我试图使用 Jquery 在多个页面链接我的导航栏,这样做后页面显示导航栏,但导航栏没有加载 javascript 代码,任何知道如何解决此问题的人请帮助我: ) .

    <script>
    $.get("nav.html",function(data) {
    $("#nav-placeholder").replaceWith(data);
    });
    </script>

导航栏应该使用 main.js 来显示其光标/跟踪器,下面是图像

man.js

    const showNavbar = (toggleId,navId,bodyId,headerId) => {
    const toggle = document.getElementById(toggleId),nav = document.getElementById(navId),bodypd = document.getElementById(bodyId),headerpd = document.getElementById(headerId)

    // Validate that all variables exist
    if (toggle && nav && bodypd && headerpd) {
    toggle.addEventListener('click',() => {
    // show navbar
    nav.classList.toggle('show')
    // change icon
    toggle.classList.toggle('bx-x')
    // add padding to body
    bodypd.classList.toggle('body-pd')
    // add padding to header
    headerpd.classList.toggle('body-pd')
    })
    }
    }

    showNavbar('header-toggle','nav-bar','body-pd','header')

    /*===== LINK ACTIVE  =====*/
    const linkColor = document.querySelectorAll('.nav__link')

    function colorLink() {
    if (linkColor) {
    linkColor.forEach(l => l.classList.remove('active'))
    this.classList.add('active')
    }
    }
    linkColor.forEach(l => l.addEventListener('click',colorLink))

有人帮忙

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。