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

下载电子书