jquerymobile的helloworld

现在项目需要用jquerymobile做手机版,开发过程中都是边用边学,下班没什么事,就系统学习一下jquerymobile,顺便把学习过程记录一下。 编写jquerymobile代码时,需要先在官网上下载jquerymobile的整个压缩包,其中对于开发有作用的只有三个文件,其中分别是:jquery.min.js、jquery.mobile-1.4.5.min.css、jquery.mobile-1.4.5.min.js。helloworld的具体源码如下:

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>hello jquerymobile</title>
    <link rel="stylesheet" href="css/jquery.mobile-1.4.5.min.css"/>
    <script src="js/jquery.min.js"></script>
    <script src="js/jquery.mobile-1.4.5.min.js"></script>
</head>
<body>
<div data-role="page">
    <div data-role="header"><h3>标题</h3></div>
    <div data-role="content"><p>正文内容</p></div>
    <div data-role="footer"><h3>页脚</h3></div>
</div>
</body>
</html>

郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。