JQuery 似乎被其他东西阻止了

Question

JQuery 好像被屏蔽了

您好，我已经遇到这个问题好几天了，我只是找不到解决这个问题的方法，或者解决它。
我想做的很简单，我想读出一个大项目文件夹的每个子文件夹。然后将缩略图和 figcapture 分配给该文件夹。通过一个简单的 for 循环，php 为我构建了这个。一切都完美而快速。唯一的问题是 jquery 不会响应。
尽管我已经用这种技术创建了各种菜单。正如您在我的代码中看到的那样，在“脚本”标签中，我的 jquery 代码似乎不起作用。
我不知道 php 是否在某处放置了空间，或者我只是在这段代码中查看了太长时间以发现错误。

我很感激任何帮助。

<?php 


/*Because of the "ease of use" aspect of this site, I prefered to write it completely in PHP,
advantage of that: 
Images are loaded directly out of the folder, so I can just drag and drop something onto the server without having to write aditional code.
As you see, it can save a lot of time.*/


echo "<h1>Referenzen</h1><br>";

$projects = scandir('../src/sub/credentials');      //The credentials directory is being scanned and converted into an array.
    $projectsSize = count($projects);                       //$size is being created. It counts the number of objects in the array which has been created above.


$projectsCaptions = file('../src/sub/captionsOfCredentials.txt'); //Edit the name of the figcaption in the "captionsOfCredentials.txt".


for($i = 2; $i < $projectsSize; $i++){      /*Simple "for" loop, that creates $i with the size of two, because PHP is 0-index based and has the "dot" and the "dotdot" folder. The loop stops at the end of the array($size).*/
    echo    '<a href="index.php#PRJ'.trim($projectsCaptions[$i]).'" class="ID'.trim($projectsCaptions[$i]).'">
                <div class="projectFolder">
                    <img src="src/sub/credentialsThumb/project_00'.$i.'.jpg" width="100%" />
                        <figcaption>'
                            .$projectsCaptions[$i].
                        '</figcaption>
                </div>
            </a>'; 

        /*Project folder level starts here.*/
    $images = scandir('../src/sub/credentials/project_00'.$i);
        $imagesSize = count($images);

    for($k = 3; $k < $imagesSize; $k++){
        $tempID = ('ID'.trim($projectsCaptions[$i]).'.php');    //$tempID is the entire file name including the .php part.



            $handle = fopen($tempID, "a") or die ('Unable to open '.$tempID.' , please contact admin A.S.A.P..');
                $imagesCode = 'test';
                    fwrite($handle, $imagesCode);



    }
    //end second for-loop
                echo "
        <script>
        $(document).ready(function () {
            $('#ID".$projectsCaptions[$i]."').click(function () {
                $('#mainContent').load('de-DE/".$tempID."');
            });
        });
        </script>";
}
//end first for-loop

?>

Answer 1

当您需要使用 class 时，您正在通过 id 选择元素。把 JS 块改成这样：

$(document).ready(function () {
    // Note ".ID" not "#ID"  
    $('.ID".$projectsCaptions[$i]."').click(function () {
        $('#mainContent').load('de-DE/".$tempID."');
    });
});

更新

您在$projectsCaptions[$i] 中似乎也有一个非法字符。它很可能是换行符。尝试将上面的引用包装在trim()：

$('.ID" . trim($projectsCaptions[$i]) . "').click(function () {