jquerymobile教程：[1]helloworld

2025-11-05 14:11:21

1、选择一款合适的IDE，如：Dreamweaver CS6、Visual Studio、Myeclipse2014等

这里笔者使用Myeclipse2014举例

2、启动Myeclipse2014，选择新建html5 手机应用工程

jquerymobile教程：[1]helloworld

3、新建html5 手机应用工程，命名--》选择jquery Mobile

完成

jquerymobile教程：[1]helloworld

4、查看工程目录，在web app 开发时，重点关注下www目录

其中index.html是程序入口，js/css文件夹分别存放js和css文件（目前已有JQM需要的库文件）

jquerymobile教程：[1]helloworld

5、点开index.html，修改代码，例如：

<!DOCTYPE html>

<html>

<head>

<title>Single-Page Application</title>

</head>

<body>

<h1>Single-Page Application </h1>

</div>

<h1>Hello World</h1>

</div>

<h4>Footer content</h4>

</div>

</div>

</body>

</html>

6、选中工程，右击-》run as-》Mobile Web Simulator Application-》选择android启动

jquerymobile教程：[1]helloworld

7、查看模拟器效果，如图

jquerymobile教程：[1]helloworld

声明：本网站引用、摘录或转载内容仅供网站访问者交流或参考，不代表本站立场，如存在版权或非法内容，请联系站长删除，联系邮箱：site.kefu@qq.com。