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