在一頁上加載不同頁面的jQuery困境

Question

您好，我需要一些幫助來弄清楚該怎麼做。

我正在嘗試創建一個包含事件列表的頁面，並且每次單擊其他照片庫應加載的列表元素之一。我通過將每個庫加載到不同的iframe中來完成此操作。

的問題是，現在它的劑量是加載第一galery和其他的人的唯一的事情似乎並沒有管理加載任何圖片（如果我刷新比他們做工精細每一幀）

應該什麼我做？

這是我在網頁中

使用您可以在這裏找到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。 點擊列表項目（West窗格），您可以加載中心窗格div與相應的圖像。 檢查示例here。