AJAX和Javascript：有關界面的建議

我正在尋找一個正確的方法來創建一些東西very similar to this（只需單擊該頁面上的下一步）。我很樂意收到有關這方面的建議。AJAX和Javascript：有關界面的建議

我相信這全是關於一個DIV包裝很多UL的。當下一個被點擊時，可能是一個jQuery代碼在右邊顯示一個隱藏的DIV，但不知道如何定位它。一切顯然都必須從數據庫中取得。

任何人都可以給我一個建議嗎？我希望這不是一個大拇指問題，因爲我認爲這個社區將是分享這個問題的最佳地點。非常感謝。

2013-03-28 wiredmark

第一步是打開你的瀏覽器開發工具（IE/FF/Chrome中的f12會爲你做）。然後，您可以檢查頁面上的元素，查看javascirpt並查看客戶端對服務器的請求。這不僅會給你一個關於如何佈局頁面的想法，還有點擊事件以及他們如何來回發送數據。它也會給你學習如何調試的幫助。點擊上的 – scrappedcola

只是使用單獨的ajax調用服務器，並將div內容替換爲響應 – theshadowmonkey

看看一些現有的JavaScript MVC框架像Backbone.js，AngularJS，或Knockout，瞭解一些設計模式和理念，這些類型的動態用戶界面的背後。

它們對於現代Web應用程序的工具來說可能很強大，特別是當您的UI中有很多移動部件時。他們可以通過AJAX與後端和數據存儲良好地配合，並且您可以獲得諸如「路由」之類的不錯功能，這些功能可以幫助您用頁面流來完成酷炫的事情，同時保持JavaScript的簡潔清晰。

來源

2013-03-28 19:57:01

我正在使用CI進行開發。它可以有幫助嗎？ – wiredmark

持續集成？你的意思是測試嗎？上面的框架都是JavaScript，因此您可以爲您使用的任何後端語言/框架（例如Python，RoR，PHP）以及您的前端JS編寫單元測試。有一個名爲[Jasmine]的JS測試框架（http://pivotal.github.com/jasmine/）非常受歡迎。 –

不，Codeigniter！ – wiredmark

AJAX和Javascript：有關界面的建議

回答

相關問題