JingleUI是一個基於html5、css3開發輕量級的移動webapp框架,提供一些基本交互方式,常用的組件(scroll,actionsheet,sidemenu,toggle,push2refresh......),幫助您更方便的開發移動應用。
JingleUI升級日誌
##0.4##
1.支持普通多頁面開發模式,現在支持SPA和多頁面模式,建議使用SPA模式進行開發,在muti(多頁面模式)下data-target="section"無效
2.重新定義服務端渲染模板方式,由之前的section上使用data-remote更改為在config中配置remotePage,hash中的querystring也會自動附加到remotePage上
3.按鈕組(controlGroup)增加change事件
4.data-icon支持左文字右圖標方式
5.增加柵格系統
6.完善路由機制
7.form表單布局示例完善
8.歡迎界面組件完善
9.修復部分bug...
JingleUI學習方法
最近開始學習移動Web的開發,不過從頭開始還是挺麻煩的,就打算從框架,發現了一些比較好的框架,比如Ritchet。
不過貌似對Android支持的還不是很好。
再比如國產的Jingle,我愛評電影,用起來不錯,已經內置了zeptojs這樣的框架,用起來比較方便。
Jingle提供了常用的組件,並提供了API,但是文檔不是很齊全,而且有時候是錯的,常常不知道怎麼使用,還好他給出了一個demo和幾個實例,可以參照其中的用法。
1)滾動
Jingle裡面的article可以使用data-scroll=」true」自動開啟滾動,但是當用js動態生成html的時候第一次不會滾動,第二次切換到這個頁面才出現滾動條。
解決方法:在添加完html後,加一句J.Scroll(「#article」);
2)header里的control-group顏色
這時會發現沒有字顯示,因為顏色相同了,
解決方法:可以進jingle.css裡面修改header.control-group等幾個類的顏色值。
總之,Jingle框架很不錯,有興趣可以用一下。