jquery-mobile入門

Download jquery-mobile eBook

備註

這個是直接從JQuery Mobile網站獲取的:

http://jquerymobile.com/about/

“jQuery Mobile是一個基於HTML5的用戶界面系統,旨在製作可在所有智能手機,平板電腦和桌面設備上訪問的響應式網站和應用程序。它基於堅如磐石的jQuery和jQuery UI基礎,並提供Ajax導航頁面過渡,觸摸事件和各種小部件。它的輕量級代碼採用漸進增強功能構建,並具有靈活,易於設計的主題設計。“ - JQuery Mobile團隊

我強烈建議您訪問該網站以了解有關JQuery Mobile的更多信息。這只是幫助初學者的摘錄。

您還可以在jquery-mobile官方網頁上找到更多示例和信息: https//jquerymobile.com/demos

建立

當前版本的JQuery Mobile是1.4.5,可以在這裡下載: https//jquerymobile.com/

  • 下載zip文件並解壓縮所有文件。
  • 在應用程序內部(在www文件夾中)創建庫(或lib)文件夾。
  • 在lib文件夾中創建一個jquery-mobile文件夾(我將其命名為jqm)。
  • 將您提取的所有jquery-mobile文件放在jquery-mobile文件夾中。您現在可以鏈接到index.html文件中的這些文件。

在下面的代碼中,URL包含javascript和css文件。您也可以按照上面的要點進行操作,並按照它在本地計算機上的路徑包含它,即:

<link href="lib/jqm/jquery.mobile-1.4.5.min.css" rel="stylesheet" />
...
<script type="text/javascript" src="lib/jqm/jquery.mobile-1.4.5.min.js"></script>
 

這些是css和js文件的縮小版本。您也可以在開發過程中包含非縮小版本,以便在需要深入了解時更容易閱讀。如果您這樣做,我建議在部署到生產時將它們切換回縮小版本。

<link href="lib/jqm/jquery.mobile-1.4.5.min.css" rel="stylesheet" />
...
<script type="text/javascript" src="lib/jqm/jquery.mobile-1.4.5.min.js"></script>
 

Stats

64 Contributors: 4
Saturday, August 13, 2016
許可下: CC-BY-SA

不隸屬於 Stack Overflow
Rip Tutorial: info@zzzprojects.com

下載電子書