我想知道如何使(在rails中)菜單(或標題)欄不加載各種頁面請求,如Facebook如何做。您能否介紹Facebook使用哪種技術以及如何在rails3中複製該機制?如何創建一個像Facebook一樣的靜態(非刷新)菜單欄?
0
A
回答
1
PJAX負荷的html從服務器到當前頁面沒有一個完整的頁面加載。這是一個真正的永久鏈接,頁面標題和完全降級的工作返回按鈕。
1
的技術被稱爲AJAX,你必須讓所有環節的工作作爲Ajax請求,並只更新頁面的一部分需要...
你可以有你的佈局分爲二
<div id='header'>
your code here...
</div>
<div id='content'>
yield
</div>
現在你可以使用:遙控器=>真正的上軌的link_to標記選項,這樣的要求將是一個Ajax請求
,那麼你必須成爲一個.js文件視圖改變div的內容ID爲「內容「與您的視圖代碼
周你的.js應該這樣做......(假設你正在使用jQuery)
$('#content').html('<%= escape_javascript(render(:file => your_file.html.erb)) =>');
這是最基本的想法,你有阿賈克斯打
我猜的Facebook也使用HTML5的pushState的改變位置的地址https://developer.mozilla.org/en/DOM/Manipulating_the_browser_history所以你可以使用前進/後退按鈕瀏覽器的
相關問題
- 1. 創建一個靜態菜單欄
- 2. 如何創建一個滾動或靜態工具欄菜單
- 3. CodeIgniter:如何創建一個不刷新的菜單
- 4. 如何創建一個看起來像這樣的菜單
- 5. 如何在我的活動中創建Facebook一樣的菜單?
- 6. 如何創建一個像Facebook一樣的自定義按鈕?
- 7. 如何創建一個像tickr一樣的facebook?
- 8. 創建像菜單的facebook
- 9. 像facebook一樣在codeigniter中創建一個動態url
- 10. 如何創建一個可以像靜態類一樣訪問的方法?
- 11. 創建一個固定菜單欄
- 12. 在WPF中創建一個菜單欄?
- 13. 創建靜態菜單CSS
- 14. 創建一個新的狀態欄
- 15. 如何創建像YouTube一樣的下拉菜單?
- 16. 如何創建像Gmail一樣的底部菜單android
- 17. 如何創建像IBM一樣的滑動菜單
- 18. 如何創建一個非靜態的內部Activity類?
- 19. 我想做一個像facebook一樣的下拉菜單
- 20. 如何創建一個菜單欄上的MVC
- 21. 如何創建一個靜態NSRange?
- 22. 如何創建一個靜態視圖
- 23. 如何創建一個像photobucket上使用的圖像菜單?
- 24. 創建一個非SPA應用程序,其中側聊天欄保持靜態並且不刷新
- 25. Swift - 如何刷新NavigationController菜單欄
- 26. 創建一個動態菜單
- 27. 如何從多個靜態庫中創建一個靜態庫?
- 28. 如何製作像ministersofdesign.com一樣的菜單欄?
- 29. 如何讓像facebook一樣的城市/國家下拉菜單?
- 30. 如何建立一個動態菜單
是的,這正是我想要的。謝謝.. – Ari53nN3o
現在我面對的情況是,我需要根據正在訪問的控制器來加載頁面特定的JS和CSS文件。但我無法讓PJAX加載JS或CSS文件。有沒有解決這個問題的方法? – Ari53nN3o