55 lines
1.9 KiB
JavaScript
55 lines
1.9 KiB
JavaScript
// 移动端菜单功能
|
|
document.addEventListener('DOMContentLoaded', function() {
|
|
const mobileMenuToggle = document.querySelector('.mobile-menu-toggle');
|
|
const navMenu = document.querySelector('.nav-menu');
|
|
|
|
if (mobileMenuToggle && navMenu) {
|
|
// 切换菜单显示
|
|
mobileMenuToggle.addEventListener('click', function() {
|
|
navMenu.classList.toggle('active');
|
|
mobileMenuToggle.classList.toggle('active');
|
|
document.body.classList.toggle('menu-open');
|
|
});
|
|
|
|
// 点击菜单外区域关闭菜单
|
|
document.addEventListener('click', function(event) {
|
|
if (!navMenu.contains(event.target) && !mobileMenuToggle.contains(event.target)) {
|
|
navMenu.classList.remove('active');
|
|
mobileMenuToggle.classList.remove('active');
|
|
document.body.classList.remove('menu-open');
|
|
}
|
|
});
|
|
|
|
// 防止菜单内点击事件冒泡
|
|
navMenu.addEventListener('click', function(event) {
|
|
event.stopPropagation();
|
|
});
|
|
|
|
// 菜单项点击后关闭菜单
|
|
const menuItems = navMenu.querySelectorAll('a');
|
|
menuItems.forEach(item => {
|
|
item.addEventListener('click', function() {
|
|
navMenu.classList.remove('active');
|
|
mobileMenuToggle.classList.remove('active');
|
|
document.body.classList.remove('menu-open');
|
|
});
|
|
});
|
|
}
|
|
|
|
// 窗口大小变化时重置菜单状态
|
|
window.addEventListener('resize', function() {
|
|
if (window.innerWidth > 768) {
|
|
navMenu.classList.remove('active');
|
|
mobileMenuToggle.classList.remove('active');
|
|
document.body.classList.remove('menu-open');
|
|
}
|
|
});
|
|
});
|
|
|
|
// 语言切换功能
|
|
function changeLanguage(langCode) {
|
|
if (langCode) {
|
|
window.location.href = '/set_language/' + langCode;
|
|
}
|
|
}
|