Jquery 让lightbox（或其替代品）在单击链接时动态显示图库

注意：为了解决这个问题，我使用了lightbox和它的许多替代品，目前我正在使用clearbox

问题：目前我有javascript代码，根据单击的元素，lightbox的模式弹出窗口应该向用户显示不同的图像集。下面是我目前正在修改的代码

$("download").html(" \
<span style='color:white'> \
    <a href='img/26.jpg' rel='clearbox' title='Caption'>View Screenshots</a> \
</span><br /> \

然而，这个链接并没有启动lightbox在页面上已经存在的链接上的工作，我花了两天的时间在google和stackoverflow上寻找修复方法

我试图实现的目标概述：展示我的作品，其中一幅图像将通过javascript动态添加为超链接，具体取决于所选作品。当用户单击它时，它将允许他们浏览所有其他隐藏的图像，但这些图像只是图库的一部分。将有多个画廊。谢谢你的阅读

编辑1：请原谅mspaint作业

---

问题是，您必须在通过ajax拉入页面的任何链接上调用clearbox。当您最初调用clearbox时，jQuery从选择器中获取所有元素，并向它们添加功能。然后，如果您通过ajax拉入其他链接，甚至稍后将它们添加到dom中，那么clearbox还没有为这些元素实例化

live函数为添加到dom中的元素修复了这个问题，但是clearbox不是为使用.live而构建的。因此，您必须在单独添加到页面的任何附加链接上调用clearbox

编辑 我快速浏览了clearbox文档页面：

它声明您可以调用CB_Init将clearbox添加到新项目：

将脚本与AJAX结合使用 如果您在应用程序中使用AJAX加载新内容 没有刷新的网页，你希望clearbox工作 对于新内容，您也必须调用CB_Init；功能后 您的AJAX内容加载

所以你可以这样做：

$("download").html(" \
        <span style='color:white'> \
           <a href='img/26.jpg' rel='clearbox' title='Caption'>View Screenshots</a> \
        </span><br /> \ ");
CB_Init();

---

我不清楚你想要什么。你能提供一些代码示例吗？如果您试图显示该图像，则必须将其作为图像标记的src，而不是a标记的href；这只是要链接到图像。可能是一个输入错误，但您可能需要一个div选择器：$'download'。这就是我试图做的，但不知道如何去做。由于我不太擅长javascript，而且除了使用jquery小部件外，我甚至不知道如何使用它。我还尝试了使用.live事件的其他替代方法，但我不知道将其附加到何处。我在查看文档后编辑了我的答案。看起来很容易解决！祝你好运太棒了，非常感谢您的时间，斯沃金斯，非常感谢。