无法在Document上执行querySelectorAll。怎么修?

时间:2014-05-27 21:02:35

标签: php zurb-foundation

我在做什么:

我有从PHP数组生成的链接,它产生它自己的唯一ID,它应该指向它自己的模态(弹出窗口)div,它具有与链接ID匹配的ID。使用PHP数组也可以自动生成模态。我收到这个错误,我对此非常不熟悉(noob)。不知道如何解决。模态不起作用,我正在使用Foundation 5的揭示插件。

PHP LINK ARRAY:

          //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 ARRAY

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源代码。因此,阵列正在工作和生成。它只是给了我“ 无法在Document上执行querySelectorALl:#1042不是有效的选择器 。顺便说一下,”1042“是生成的唯一ID之一万一你想知道。

1 个答案:

答案 0 :(得分:6)

querySelectorAll并不喜欢仅限数字(或前导数字)的ID。有一个讨论here。如果可能的话,我会在数字前添加一些字母。