2009-11-29 28 views
0

我們的應用程序具有選項卡界面。目前每個選項卡都作爲分隔頁面加載。現在我們需要以標籤內容應該通過ajax加載的方式來重寫它。Web應用程序中的Ajax選項卡

不幸的是,只是加載內容與Ajax不夠。 用戶應該可以添加到每個標籤的書籤。這就是爲什麼整個網址應該在標籤開關上更改的原因。 同時索引機器人應該沒有問題在跟隨標籤中的鏈接。

我看到在Facebook上的標籤一個很好的解決方案:他們使用的錨來存儲這樣的網址: http://www.facebook.com/profile.php?v=info&ref=profile&id=1241403629#/profile.php?v=wall&ref=profile&id=1241403629

我如何能實現與jQuery這個解決方案? 有沒有準備好使用插件?

而且很酷的事情是,在這樣的書籤Facebook上點擊後會自動重定向我: http://www.facebook.com/profile.php?v=wall&ref=profile&id=1241403629

這怎麼可能?

回答

1

您可以通過確查詢字符串傳遞一個參數或使用錨...

你耽誤頁面的選項卡的負載加載,你檢查參數,然後你加載適當的選項卡。

例如,如果您有:

/yoururl.aspx#section1 

在頁面加載你這樣做(編輯:看我下面的評論):

$('#tabs_placeholder').load('url_of_tab_1'); 

你有條件做到這一點的所有標籤頁的

此解決方案適用於書籤,因爲錨點和查詢字符串與URL保持一致。

希望這會有幫助

PS。這裏是加載函數和其他jQuery AJAX函數的文檔: http://docs.jquery.com/Ajax

+0

我只想指出,如果你想正確索引,你應該在頁面加載時加載適當內容的頁面。換句話說,當頁面從服務器到達時,它應該適當填充相應的選項卡。然後,如果用戶正在更改客戶端上的選項卡,則可以使用AJAX進行更改。 – 2009-11-29 18:31:55

相關問題