// ==================== 标签切换功能 ==================== document.addEventListener('DOMContentLoaded', function () { const tabs = document.querySelectorAll('.nav-tab'); const contents = document.querySelectorAll('.tab-content'); tabs.forEach(tab => { tab.addEventListener('click', function () { const tabId = this.getAttribute('data-tab'); // 移除所有激活状态 tabs.forEach(t => t.classList.remove('active')); contents.forEach(c => c.classList.remove('active')); // 添加当前激活状态 this.classList.add('active'); document.getElementById(`${tabId}-content`).classList.add('active'); }); }); const websiteTab = document.querySelector('.nav-tab[data-tab="website"]'); const websiteContent = document.getElementById('website-content'); if (websiteTab && websiteContent) { websiteTab.addEventListener('click', function () { const hasRendered = websiteContent.querySelector('.category-links') !== null; if (!hasRendered) { const savedLang = localStorage.getItem(LANG_KEY) || 'zh'; renderWebsites(websitesData, translations, savedLang); } }); } else { console.warn("未找到“我的网站”标签或内容区域。"); } // 点击我的工具函数 const toolsTab = document.querySelector('.nav-tab[data-tab="tools"]'); const toolsContent = document.getElementById('tools-content'); if (toolsTab && toolsContent) { toolsTab.addEventListener('click', function () { const hasRendered = toolsContent.querySelector('.tool-item') !== null; if (!hasRendered) { renderTools(toolsData); } }); } else { console.warn("未找到“我的工具”标签或内容区域,将在页面加载时尝试渲染。"); renderTools(toolsData); } // 点击常玩游戏函数 const gamesTab = document.querySelector('.nav-tab[data-tab="games"]'); const gamesContent = document.getElementById('games-content'); if (gamesTab && gamesContent) { gamesTab.addEventListener('click', function () { const hasRendered = gamesContent.querySelector('.game-item') !== null; if (!hasRendered) { renderGames(gamesData); } }); } else { console.warn("未找到“常玩游戏”标签或内容区域。"); renderGames(gamesData); } });