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

Question

我在做什么：

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

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;
                   } 
        } 

MODAL 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 源代码。因此，阵列正在工作和生成。它只是给我这个“Failed to Execute querySelectorALl on Document : #1042 is not a valid selector。顺便说一下，“1042”是正在生成的唯一 ID 之一以防你想知道。

Answer 1

querySelectorAll 不喜欢纯数字（或前导数字）ID。有一个讨论here。如果可能，我会在数字前添加一些字母。