移动端开发-JqueryMobile实战(一)
来源:互联网 发布:淘宝号被冻结 编辑:程序博客网 时间:2024/05/16 12:38
又来写一篇教程,是因为最近在图书馆看到了一本书《jQuery移动Web开发》,因为以前没有怎么关注过移动端的开发,于是就把jQuery Mobile看了一下,并想根据书中最后一节讲的创建一个RSS阅读器应用程序。看看途中会不会遇到什么坑。
index.html页面,没什么可说的,感觉jQuery Mobile的样式还挺好看的,使用data-role来指定page,header,content
<!DOCTYPE html><html><title>RSS Reader App</title><meta name="viewport" content="width=device-width,initialscale=1"><!-- 这一行就是为移动端所写的 --><link rel="stylesheet" href="https://apps.bdimg.com/libs/jquerymobile/1.4.5/jquery.mobile-1.4.5.min.css"><script src="https://apps.bdimg.com/libs/jquery/1.10.2/jquery.min.js"></script><script src="https://apps.bdimg.com/libs/jquerymobile/1.4.5/jquery.mobile-1.4.5.min.js"></script><body> <div data-role="page" id="intropage"> <div data-role="header"> <h1>RSS Reader Application</h1> </div> <div data-role="content" id="introContent"> <p id="introContentNoFeeds" style="display: none"> Welcom to the Rss Reader Application.You do not Currently have any Rss Feeds.Please use 'Add Feed' Button below to begin. </p> <ul id="feedList" data-role="listview" data-inset="true" datalisplit-icon="delete"> </ul> <a href="addfeed.html" data-role="button" data-theme="b">Add Feed</a> </div> <div datd-role="footer"> <h4>Created with jQuery Moile</h4> </div> </div></body><script> $(document).on("pagecreate",'#intropage',function(e){ // init(); })</script>
然后界面就是这样
阅读全文
0 0
- 移动端开发-JqueryMobile实战(一)
- jqueryMobile应用第一课《构建跨平台APP:jQuery Mobile移动应用实战》连载一(Hello World)
- jQuerymobile入门(一)
- Fastlane实战(一):移动开发自动化之道
- 移动Web前端开发高效实战(一)
- 推荐使用jquerymobile做移动开发
- 跨平台移动开发实战一
- 移动端开发实战经验
- 小强的HTML5移动开发之路(44)——JqueryMobile中的按钮
- 小强的HTML5移动开发之路(50)——jquerymobile页面初始化过程
- 小强的HTML5移动开发之路(44)——JqueryMobile中的按钮
- WebApp那些事——(JqueryMobile) 实战(一)
- HTML5移动开发之路 jQueryMobile页面间参数传递
- HTML5移动开发之路 jQueryMobile页面间参数传递
- 移动端那些事儿(一)移动端开发注意事项
- 移动端页面开发总结(一)
- 个人博客+移动端开发(一)
- 前端-移动端开发(一)
- 详解Java Project项目打包成jar,并生成exe文件
- querySelector和querySelectorAll区别
- [iOS 原生代码实现扫描二维码/条形码] AVCaptureDevice
- Centos安装图形界面
- Codeforces Round #418 (Div. 2) A+B+C!
- 移动端开发-JqueryMobile实战(一)
- 什么是Jupyter Notebook?
- Selenium基础教程----基于Java(二)
- Redis笔记
- binutils工具包
- QT学习之做一个简易图片处理器(后续补全)
- mui开发的App--解决安卓机键盘弹出,底部导航栏上升的问题(一种方法)
- linux获取精准进程PID之pgrep命令
- Listen第二个参数的意义