如何解决在使用 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 举报,一经查实,本站将立刻删除。