2012-01-07 12 views
0

在我的頁面上,疊加通過插入其與jQuery的內容,然後衰落加載開幕URI的疊加,而不是主網頁

我想要做的是這樣的:

當你點擊打開覆蓋,加載URI(例如news/12,其中news是類別,12是要加載的項目的id)。 除了在體內加載它之外,它應該被加載到覆蓋層中。

換句話說,我想在Facebook上實現類似的效果,在這裏你打開一個覆蓋層,URL改變,但主頁保持不變。

我猜你需要ajax,但我不知道該怎麼做。

謝謝

+0

什麼叫「覆蓋」是什麼意思?如果你只是在討論對話框,請使用boxy或類似的東西:http://onehackoranother.com/projects/jquery/ carboxy/ – 2012-01-07 23:17:26

+0

基本上是對話框,是的,但我已經設計了我自己的 – bur 2012-01-08 05:11:41

回答

0

這聽起來:

<a href='#' onclick='Boxy.load("test-1.html");'>Test 1</a> 

看到這個問題。 此SO貼子可能會幫助你:Change the URL in the browser without loading the new page using JavaScript

+0

這正是我需要的!謝謝! – bur 2012-01-08 05:06:52

+0

唯一的問題是,當我向前或向後推時,頁面不會改變。 還有一個問題:我無法獲取基址來追加新的url。 – bur 2012-01-08 05:10:52

+0

好吧,所以我認爲問題在於,在執行pushState時,URI已更改,但活動URL不是。所以,當我在JavaScript中調用pushState時,它會對活動URL起作用,但這並不總是相同的。 – bur 2012-01-08 05:17:08

0

我解決了它,感謝Lethargy的回答。

.pushState()正是我所需要的URL反映了使用jQuery動態創建的疊加層的內容。

隨着一些調整和調試,我設法讓它工作。

現在我的疊加(或彈出窗口,對話框,等等)是搜索引擎準備好了,該URL複製pastable用戶:)

相關問題