三级菜单js

// 示例代码：使用防抖技术优化点击事件
function debounce(func, wait) {
    let timeout;
    return function(...args) {
        clearTimeout(timeout);
        timeout = setTimeout(() => func.apply(this, args), wait);
    };
}

document.querySelectorAll('.menu-item').forEach(item => {
    item.addEventListener('click', debounce(() => {
        // 展开或收起菜单的逻辑
    }, 100));
});

/* 示例代码：响应式菜单样式 */
@media (max-width: 768px) {
    .menu {
        display: none;
    }
    .hamburger-menu {
        display: block;
    }
}

// 示例代码：懒加载子菜单
document.querySelectorAll('.menu-item').forEach(item => {
    item.addEventListener('click', () => {
        const subMenu = item.querySelector('.sub-menu');
        if (subMenu && !subMenu.classList.contains('loaded')) {
            subMenu.classList.add('loaded');
            // 动态加载子菜单内容的逻辑
        }
    });
});