Function renderTableOfContents

js/app.js:1234–1341

* 渲染目录内容

()

 * 渲染目录内容
 */
function renderTableOfContents() {
  console.log('=== renderTableOfContents 开始 ===');
  
  // 使用 ID 选择器确保找到正确的元素
  const tocContent = document.getElementById('toc-content-container') || document.querySelector('.toc-content');
  
  console.log('tocContent 元素:', tocContent);
  
  if (!tocContent) {
    console.error('目录容器未找到！');
    return;
  }
  
  console.log('当前 children.length:', tocContent.children.length);
  console.log('当前 innerHTML:', tocContent.innerHTML.substring(0, 100));
  
  // 检查是否有 CHAPTERS_DATA（由 navigation.js 提供）
  console.log('CHAPTERS_DATA 是否存在:', typeof CHAPTERS_DATA !== 'undefined');
  
  if (typeof CHAPTERS_DATA === 'undefined') {
    console.error('CHAPTERS_DATA 未定义！');
    tocContent.innerHTML = '<p style="padding: 20px; color: red; font-size: 18px;">错误：目录数据未加载</p>';
    return;
  }
  
  console.log('CHAPTERS_DATA.length:', CHAPTERS_DATA.length);
  
  // 清空并重新生成
  tocContent.innerHTML = '';
  
  // 按分类组织章节
  const sections = {};
  CHAPTERS_DATA.forEach(chapter => {
    if (!sections[chapter.section]) {
      sections[chapter.section] = [];
    }
    sections[chapter.section].push(chapter);
  });
  
  // 定义分类顺序
  const sectionOrder = [
    '基础概念篇',
    '效果原理篇',
    '进阶概念篇',
    '数学篇',
    '哲学彩蛋篇',
    '附录'
  ];
  
  // 渲染各分类
  sectionOrder.forEach(sectionName => {
    const chapters = sections[sectionName];
    if (!chapters) return;
    
    const sectionEl = document.createElement('div');
    sectionEl.className = 'toc-section';
    
    const titleEl = document.createElement('h3');