
手持html5phone Gap JQuery moblie
文章平均质量分 81
魔都
8年Java 开发经验
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
Phone Gap JQuery Moblie 开发环境搭建
1.Eclipse 3.4+ 以上版本2.ADT 插件下载 http://developer.android.com/tools/sdk/eclipse-adt.html下载包把插件放下eclipse\dropins\phoneGap 下面 这样方便管理快捷方式 右键属性 增加 D:\software\eclipse\eclipse.exe -clean3. SDK(开发工具包原创 2013-11-04 11:24:16 · 2799 阅读 · 5 评论 -
jquerymobile-8 Dialog
在开发的过程中,我们可能需要使用到模态的对话框,在jquerymobile中这个实现很简单,只需要给一个普通的链接添加data-rel="dialog"这样的属性就可以了。下面给出一个例子代码:[html] view plaincopy> html> head> title>Dialog Testtitle> meta name="viewport" conte转载 2013-11-06 16:26:23 · 944 阅读 · 0 评论 -
jquerymobile-7 表单基础 radio buttons和checkboxes select menu 搜索框、滑动按钮(Slider)、开关(Flip toggle switch)
在开发的过程中,经常会用到表单进行交互,所以是比较重要的。今天就开始一点有点介绍吧。对于我发表的文章,都是比较肤浅的,属于入门性的东西,如果你看着感觉在浪费时间,那么请不要拍砖,你去官网上看就可以了。在开发的过程中,我们经常会用到的就是登录,开始就先写一个页面介绍一下基础:[html] view plaincopy> html> head> title>F转载 2013-11-06 16:24:19 · 2466 阅读 · 0 评论 -
JQuery mobile 1第一个页面
最近在公司做一个移动客户端,混合应用模式开发,使用的Jquerymobile,自己对jquerymobile不是很熟悉,利用空闲的时间从头开始学习jquerymobile。希望通过自己的努力,和记录能够使自己对于jquerymobile有一定的了解。花了几分钟写了一个jquerymobile的最简单的页面,学习每个技术都是先写hello XX,所以我这次第一次写的是hello jquerymo转载 2013-11-06 14:56:44 · 1125 阅读 · 0 评论 -
jquerymobile-10 可折叠内容(Collapsible content)
可能我们在开发中遇到过这样的问题,我们只是看到一个题目或者简单的介绍,然后一点击会在下面展开对应的详细的内容。在jqm中实现这个效果很简单。下面给出一段例子代码:[html] view plaincopy> html> head> title>Collapsible Content - 2title> meta name="viewport" content="转载 2013-11-06 16:32:10 · 1265 阅读 · 0 评论 -
jquerymobile-9 使用网格(grid)显示页面
在jquerymobile中我们如果使用网格去布局页面,jqm中提供了比较简单的网格布局。只要使用简单的CSS类就可以了。下面看一个例子代码:[html] view plaincopy> html> head> meta charset="utf-8"/> title>Grid Testtitle> meta name="viewport" content="转载 2013-11-06 16:27:50 · 1429 阅读 · 0 评论 -
jquerymobile-6 inset list和list divider 添加数字气泡 缩略图和icon list提交搜索过滤
今天介绍一下inset list和list diveder。在上篇文章中介绍了list,但是那个list是最基本,并不是太美观。我们可以使用jquerymobile的data-inset属性让其变得美观一下。代码如下:[html] view plaincopy> html> head> title>Inset List Exampletitle> meta na转载 2013-11-06 16:09:18 · 1593 阅读 · 0 评论 -
jquerymobile-5 自适应header、footer和全屏视图
在开发的过程中我们开发的页面可能会非常的长,我们在页面的两端放置了header和footer。这样的页面当我们滚动的时候,header和footer会随着滚动而滚到屏幕外,这时候我们如果想操做header和footer必须再滚动回去。jquerymobile为我们考虑了这种情况,在这种情况下我们可以点击屏幕,然后消失的header和footer就会出现,再次点击的时候就又会消失。如果我们正在文章的转载 2013-11-06 15:40:30 · 1217 阅读 · 0 评论 -
jquery mobile 4 回退
使用jquerymobile的时候,我们新进入一个页面可能需要添加一个返回按钮,用户返回到上一个页面,我们可以使用上一篇文章中的方法,在Header中添加返回上一个页面的链接,但是这样有一点不好,如果这个页面有多个入口(即可以从多个页面跳入本页面),那么我们这个返回就得做判断了。在这种情况下我们可以使用jquerymobile的data-add-back-btn属性,并将其值设为true。这样jq转载 2013-11-06 15:37:26 · 1344 阅读 · 0 评论 -
jquerymobile-3 page title和网页预加载
使用jquerymobile的时候有时候我们会在同一个页面中写多个页面,但是在切换的时候,在浏览器显示的title总是同一个。我们需要不同的页面显示不同的title,这时候我们可以在data-role后面添加data-title属性,设置自己需要的title内容。下面一个例子代码:[html] view plaincopy> html> head> meta na转载 2013-11-06 15:19:47 · 1427 阅读 · 0 评论 -
JQuery mobile 2 多个页面一个文件
在jquerymobile中我们可以将多个页面写到同一个html中,只要我们按照jquerymobile的要求加上对应的属性,jquerymobile会为我们将他们转变成几个分开的页面,每次显示的时候默认只会显示第一个。下面先看代码然后再解释:[html] view plaincopy> html> head> meta charset="utf-8"转载 2013-11-06 15:05:01 · 1672 阅读 · 0 评论 -
Phone Gap 开篇第一例
1.新建工程PhoneGapHi2.PhoneGapHi 工程目录3.解压从官网上下载的包phonegap-2.9.0.zip phonegap-2.9.0\phonegap-2.9.0\lib\android\example\libs\cordova-2.9.0.jar 把这个jar复制到4.修改com.example.phonegaphi.MainActivit原创 2013-11-05 17:22:43 · 1930 阅读 · 0 评论 -
jquerymobile页面跳转和参数传递
页面跳转:页面跳转时pagebeforechange事件会被触发两次,通过$(document).bind("pagebeforechange", handleChangePage);来绑定pagebeforechange事件的触发函数handleChangePage(e,data),第一次触发时data.toPage是到达页面的url,类型是string。第二次触发时data.toPage是转载 2013-11-14 14:04:03 · 1304 阅读 · 0 评论