如何从许多 html 文档链接的菜单中将本地文件加载到 div 中

Question

我有一个使用框架与学生一起使用的笔记系统。使用jquery 转到flexbox。该系统有超过 1000 个每个班级（如在学校）的笔记文件。有没有办法编写一个基于“html”加载的jquery命令，而不是单独写出每个链接。我的菜单是纯 css ul li 设置。笔记系统离线运行。 Flexbox 和 jquery 让我头晕了 6 个多月。在我尝试学习如何在线加载巨大的菜单和文件（超过 2 GB）供人们查看之前，这可能吗？ 请善待，我是一名试图制定解决方案来帮助学生的老师，而不是程序员。

Answer 1

我们需要了解有关您的配置/设置的更多信息，以便最好地回答您的问题。

首先，我们需要知道如何从存储位置获取文件列表。您使用的是 LAMP 堆栈吗？ （WAMP 或 MAMP 或 XAMP？）文件存储在哪里，WordPress 如何访问它们（假设 megamenu 指的是 WordPress 插件？）？

通常，您可以使用 PHP 或 NodeJS 等服务器端语言获取文件夹中的文件列表。对于 PHP，您需要使用 LAMP 堆栈（这就是 P 的代表）。 WordPress 网站通常使用 PHP - 如果您离线运行它，那么您可能正在使用 LAMP 堆栈 - 但我们需要知道这一点。

此外，jQuery 还有一个

$.load()

命令，允许您将文件的内容加载到 div（或其他 HTML 容器）中。从逻辑上讲，您可以通过 PHP 循环遍历文件夹中的所有文件，并输出一个 HTML 表，其中每个文件包含一个

a

标签，单击该标签时，要么打开该文件，要么（使用 $.load()）读取该文件并将内容放入页面上的另一个 div 中。

假设是 PHP 后端，这里有一些资源将向您展示如何获取文件夹中所有文件的列表、循环遍历它们并输出一些 HTML：

列出一个目录下的所有文件 PHP

PHP 脚本循环遍历目录中的所有文件？

循环文件夹内所有图片，输出HTML显示图片

学习 PHP 的完整基础课程（优秀且快节奏）：