在一个页面上加载不同页面的jQuery困境

Question

你好，我需要一些帮助来弄清楚要做什么。

我正在尝试创建一个包含事件列表的页面，每次单击其中一个列表的元素时，应加载不同的照片库。我是通过在不同的iframe中加载每个图库来完成的。

现在的问题是，它现在唯一能够加载第一个画廊的东西，其他的似乎没有管理加载任何图片（如果我刷新每个帧而不是它们正常​​工作）

我该怎么办？

这是我在网页中使用的脚本

您可以在http://www.avantsolutions.ro/exp.txt

找到页面来源

Answer 1

您可以使用jQuery's load function通过ajax加载图库。

$(selectorForYourGalleryDisplayDiv).load( url, [ data ], [ complete(responseText, textStatus, XMLHttpRequest) ] )

加载将从url获取结果，如果您需要传递它data它将使用HTTP POST，并替换它被调用的包装集的内部html。

我不知道您的架构的内部，但主要过程是给您的画廊ID，使用JSON format将它们传递到服务器，您的代码将使用该ID来获取库所需的内容，渲染html并将其返回。

load会将该html放入与selectorForYourGalleryDisplayDiv匹配的元素中。

Answer 2

您可以尝试使用jQuery UI Plugin代替iFrame。 单击列表项（西窗格），您可以加载具有相应图像的中心窗格div。 查看示例here。