2013-03-27 96 views
3

在我的網站之一,我使用Twitter Bootstrap 2.3。我喜歡它的響應行爲,移動設備中的媒體查詢。但它缺乏移動功能(特別是linked listviews)所以我需要使用一個框架來處理我的網站的移動版本。移動JavaScript框架與Twitter Bootstrap

經過一番研究,我發現jquery mobile,sensa touch,jqtouch,iui,mobilize.js,zepto都是可能的候選人。

對於移動網頁的JavaScript框架/插件,您會推薦什麼?

可能的相關問題:
Bootstrap list view like jqm
twitter-bootstrap vs jquery-mobile
Using Bootstrap with jQuery Mobile

+0

爲了澄清,你想知道引導大家,和Bootstrap + jQuery Mobile的(或其他替代品)爲觀衆與移動設備? – 2013-03-28 13:39:43

回答

0

如果你已經準備好亂用引導等幾個框架在一起,然後請確保您有jQuery中,JavaScript中,CSS健全的知識。

每個框架都有自己的強制樣式等方式,所以如果要將多個平臺組合在一起,您經常會遇到諸如預期框架的預期樣式未應用等問題。

我建議你堅持使用jQuery Mobile。 jQuery Mobile 1.3擁有大量的響應式設計概念。在發行說明中,他們提到他們正在努力支持響應式設計。閱讀官方documentation provided by jQuery Mobile。這會給你一個良好的開局。

聲明:我只使用了Twitter Bootstrap和jQuery Mobile。但我從其他人那裏聽說,其他Mobile框架不如jQuery Mobile那麼靈活。還記得與jQuery Mobile相比,Sencha touch的速度非常快,但絕對初學者很難入門。

0

我會推薦iUI,因爲我正在處理它(呃),因爲它或多或少是一個空畫布,你可以「畫」任何你想要的。 JQuery Mobile或Sencha很不錯,但它們帶有幾十個或按鈕&您可能不需要用於網站的UI元素。如果您想在您的移動網站預定義一切時自定義外觀,它甚至會變得一團糟。

據我所知,是的Zepto只有一個打火機JQuery的,所以這不會解決你鏈接的列表視圖的問題那麼多......

請試用一下我的iUI V2項目,EMY,你可以嘗試在這裏: http://www.emy-library.org/demos/ 仍然有一些錯誤需要解決,但我該死的接近最初的版本。與iUI相比,差異很大的是HTML5語法,自定義動畫,完整文檔和WindowsPhone支持。 http://www.emy-library.org/documentation/1.0/getting-started.html

乾杯!

1

而且閱讀:Twitter Bootstrap Navbar: [Left Button -— Center Text -— Right Button]? II

我想我應該有可能建立一個移動界面與Twitter的引導(3)。是的,你是對的(鏈接)列表視圖將錯過。也許先查看http://getbootstrap.com/components/#list-group。當然,您需要編寫一些代碼來處理這些操作。

其他要考慮的要點:導航和頁面結構。像jQuery mobile這樣的框架可以在一個url上提供更多頁面,請參閱:http://jquerymobile.com/demos/1.0a2/#docs/pages/docs-navmodel.html,而sencha使用MVC方法。考慮http://getbootstrap.com/javascript/#tabs(或可能是http://getbootstrap.com/javascript/#scrollspy)來模擬這樣的結構。

其他例子,請看:How to make a JS horizontal content slide from px to % responsive一個很好的TB接口,@boblet現在採用移動性很好:http://bootply.com/73715David Panzarella開始一個乾淨的移動導航欄帶圖標:Bootstrap 3 RC2 Navbar with Multiple Collapses而且一個替代移動導航stucture可以在這裏找到:Toggle sidebar on mobile device with Twitter Bootstrap 2.x

好運