“将变量HTML文件加载到Javascript”对话框

我有一个显示在网页上的文件列表。（使用Cherrypy和Jinja2的基于浏览器的Python应用程序）我想要的是，当用户单击列表中的一个项目时，弹出一个漂亮的小Jquery对话框，为他们提供关于他们单击的任何项目的附加信息。我有对话框的设置和功能，减去要进入的特定信息。这就是我需要帮助的地方

我编写了一个Python脚本，为页面上显示的列表中的每个项目创建HTML文件。例如，当用户单击显示列表中的foo.pdf时，如何加载foo.html

我有以下Javascript代码（由@Sander Roes提供）：

$（文档）.ready（函数（）{
$（“#可选”）.children（“li”）.each（function（）{
$（this.mouseover（function（））{
$（this.css（“背景色”，“#FECA40”）；
});
$（this）.mouseout（函数（）{
$（this.css（“背景色”、“白色”）；
});
$（此）。单击（函数（）{
if（！$（this）.data（'dialog'））{
$（此）.data（'对话框'，
$('')
.load（'whatever.html'）/您可以使用
数据-
属性，而不是id：

例如：

<li data-externalfile="whatever.html">Whatever</li>

哇，我真不敢相信这有多容易。我期待着一些复杂的JS/Python脚本，但这太简单了。谢谢！
<li data-externalfile="whatever.html">Whatever</li>

.load(($this).attr("data-externalfile"))