在我的頁面上,疊加通過插入其與jQuery的內容,然後衰落加載開幕URI的疊加,而不是主網頁
我想要做的是這樣的:
當你點擊打開覆蓋,加載URI(例如news/12,其中news是類別,12是要加載的項目的id)。 除了在體內加載它之外,它應該被加載到覆蓋層中。
換句話說,我想在Facebook上實現類似的效果,在這裏你打開一個覆蓋層,URL改變,但主頁保持不變。
我猜你需要ajax,但我不知道該怎麼做。
謝謝
在我的頁面上,疊加通過插入其與jQuery的內容,然後衰落加載開幕URI的疊加,而不是主網頁
我想要做的是這樣的:
當你點擊打開覆蓋,加載URI(例如news/12,其中news是類別,12是要加載的項目的id)。 除了在體內加載它之外,它應該被加載到覆蓋層中。
換句話說,我想在Facebook上實現類似的效果,在這裏你打開一個覆蓋層,URL改變,但主頁保持不變。
我猜你需要ajax,但我不知道該怎麼做。
謝謝
這聽起來:
<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
使用Boxy。見http://onehackoranother.com/projects/jquery/boxy/tests.html#
AJAX例如:像你想使用新的history.pushState(...)
和history.popState(...)
瀏覽器API Ajax - How to change URL by content
我已經設計了我的自己,所以我寧願繼續這一點,而不是把它扔掉:) – bur 2012-01-08 05:12:07
我解決了它,感謝Lethargy的回答。
.pushState()
正是我所需要的URL反映了使用jQuery動態創建的疊加層的內容。
隨着一些調整和調試,我設法讓它工作。
現在我的疊加(或彈出窗口,對話框,等等)是搜索引擎準備好了,該URL複製pastable用戶:)
什麼叫「覆蓋」是什麼意思?如果你只是在討論對話框,請使用boxy或類似的東西:http://onehackoranother.com/projects/jquery/ carboxy/ – 2012-01-07 23:17:26
基本上是對話框,是的,但我已經設計了我自己的 – bur 2012-01-08 05:11:41