无法对文档执行 querySelectorAll。怎么修？

我在做什么：

我有从 PHP 数组生成的链接，该数组生成它自己的唯一 ID，该 ID 应该指向它自己的模态（弹出窗口）div，该 div 具有与链接 ID 匹配的 ID。模态框也是使用 PHP 数组自动生成的。我收到这个错误，我对此非常陌生（菜鸟）。不知道如何修复。该模式不起作用，我正在使用 Foundation 5 的 Reveal 插件。

PHP 链接数组：

          //more code above 

              if ($track->lyrics != null) { // If lyrics field isn't empty
                  $html .= '<a href="#" class="lyricCLicked" data-reveal-id="' . $track->id . '">Lyrics</a>';                                                                                       
                  $numTracksContainingLyrics++;  
                  foreach ($track as $value) {
                     $lyricsArray[$track->id] = $track->lyrics;
                   } 
        } 

模态 DIV 数组

foreach ($lyricsArray as $key => $value) {
$lyricModal = '<div id="' . $key .'" class="reveal-modal" data-reveal>';
$lyricModal .= $value;
$lyricModal .= '<a class="close-reveal-modal">&#215;</a>';
$lyricModal .= '</div>';

echo $lyricModal; 

}

结果正在写入 HTML 源。因此，阵列正在工作并生成。它只是给我这个“无法在文档上执行 querySelectorALl：#1042 不是有效的选择器。顺便说一句，“1042”是生成的唯一 ID 之一，以防您想知道。

querySelectorAll不喜欢纯数字（或前导数字）的 ID。有讨论here https://stackoverflow.com/questions/20306204/using-queryselector-with-ids-that-are-numbers。如果可能的话，我会在数字前面添加一些字母。