jQTouch和Backbone.js路由/視圖

Question

我想知道是否有人使用最新的jQTouch與Backbone.js，如果是的話，他們如何處理使用Backbone的路由器和視圖之間的轉換，而不是jQTouch自動嘗試顯示div與與散列相關的特定ID。

Answer 1

什麼是你想實現與jQTouch？ AFAIK，它是一個輕量級的移動框架，允許您通過顯示和隱藏div來構建單頁移動Web應用程序。這三個主要的事情它給你：

1. 尼斯移動UI元素的網頁（幻燈片，流行，褪色等）之間
2. CSS3過渡。
3. 的導航框架，基於觸摸的UI元素在頁面之間自動轉換（例如，觸摸與HREF #about錨將從目前的頁面ID about自動轉換頁面（DIV））

我假設你想保持1）和2）使你的生活，作爲一個開發更容易，併爲骨幹，以處理3） - 這對我來說很有意義的視圖之間骨幹MVC結構和事件傳播是好的。如果是這樣，真的1）和2）只是CSS技巧。所以請保持jqtouch.css和溝jqtouch.js。這樣，您就可以獲得所有不錯的樣式，並且可以在您的BackBone視圖中以編程方式執行轉換，而無需在處理導航時使用jqTouch。

如果你這樣做，記得來包裝你整個應用程序在<div id="jqt"></div>所以樣式表查找和樣式所有的列表元素和按鈕。當你想使用的過渡，使用jQuery /的Zepto正確的CSS添加到每個頁面：

$("#toPage").addClass('slideleft in current'); 
$("#fromPage").addClass('slideleft out'); 

這將引發jqtouch.css指定的CSS3過渡。可用的轉換列表可在jqtouch.js的第61行起。只需在上面的代碼中更改slideleft以獲得不同的動畫名稱即可實現不同的轉換。

免責聲明！我還沒有真正試過，只是一種理論，可能不工作...雖然我想實現的正是這種，用一個漂亮的移動用戶界面主題，骨幹，這是我能找到的最接近。當我有機會的時候，我會在接下來的幾天嘗試編碼。如果你先到那裏並嘗試它，請讓我知道你如何繼續下去！