jQ.Mobi指南系列教程:jQ.Mobi組件
作者：思越
jQ.Mobi指南系列教程是《 jqMobi Javascript Frameworks Cheat Sheet》 的中文版,詳細(xì)介紹了jQ.Mobi.本文為jQ.Mobi指南系列教程的第一部分,jQ.Mobi組件.
jQ.Mobi是針對(duì)HTML5瀏覽器的JavaScript框架，它是由三個(gè)組件部分組成：
- jQ.Mobi（一個(gè)極快的查詢(xún)選擇庫(kù)，支持W3C查詢(xún)）
- jQ.Ui（運(yùn)行在WebKit瀏覽器之上的移動(dòng)應(yīng)用程序的UI/UX庫(kù)）
- jQ.Plugins（移動(dòng)應(yīng)用在WebKit的瀏覽器插件）。
準(zhǔn)備：
下載jQ.Mobi框架https://github.com/appmobi/jQ.Mobi
在應(yīng)用中使用jQ.Mobi，通過(guò)加入下面的腳本標(biāo)記在你的HTML文件里：
- <script type=”text/javascript” charset=”utf-8″ src=”jq.mobi.min.js”></script>
在應(yīng)用程序中使用/引用包括所有jQ.Plugins，通過(guò)加入下面的腳本在你的HTML文件的標(biāo)記里：
- <script type=”text/javascript” charset=”utf-8″src=”jq.web.min.js”></script>
如果有需要你也可單個(gè)引用插件，例如
- <script type=”text/javascript” charset=”utf-8″src=”plugins/jq.scroller.js”></script>
通過(guò)添加下面的script標(biāo)簽和link標(biāo)簽在你的應(yīng)用里引用jQ.Ui
- <script type=”text/javascript”charset=”utf-8″ src=”ui/jq.ui.min.js”></script>
- <link rel=”stylesheet”type=”text/css” href=”jq.ui.css” />
| 名稱(chēng) | 內(nèi)容 |
|
jQ.Mobi |
Jq.mobi.min.js一個(gè)極快的查詢(xún)選擇庫(kù)，支持W3C查詢(xún) |
|
jQ.Plugins |
Jq.web.min.js-為運(yùn)行在webkit核心瀏覽器的移動(dòng)應(yīng)用而做的插件，既可以用它來(lái)開(kāi)發(fā)移動(dòng)app也可用在傳統(tǒng)的手機(jī)web開(kāi)發(fā)中。
包括： jq.alphatable, jq.carousel, jq.css3animate, jq.drawer, jq.passwordBox, jq.swipeListener, jq.scroller, jq.selectBox, and jq.template |
|
jQ.Ui |
Jq.ui.min.js -為建立針對(duì)webkit核心瀏覽器的jqMobi移動(dòng)應(yīng)用而設(shè)的 UI/UX 框架， 由css3animate, passwordBox, scroller, and selectBox jqPlugins的幾個(gè)組件加在一起組成的：
固定的標(biāo)題欄，自動(dòng)滾動(dòng)的內(nèi)容面板， 一個(gè)可選的Navbar細(xì)分您的應(yīng)用程序 |
原文地址，jqmobi更多信息見(jiàn)http://www.jqmb.net
責(zé)任編輯：佚名
來(lái)源：
思越的Blog
