欢迎各位兄弟 发布技术文章

这里的技术是共享的

You are here

使用jqMobi开发app基础

shiping1 的头像
 

使用jqMobi开发app基础:弹出内容的设计

设计APP,由于屏幕很小,在PC网页山可以放在一体的内容,在APP中就不能放在一起了。       例如如下,项目出勤人员很多,需要弹出一个panel,然后让用户选择,如何设计呢? 项目出勤panel的内容: <div id="shenqingxiangmuchuqing" title="申请项目出勤" class="panel" data-load="loadshenqi...
 阅读(653) 评论(2)
 

使用jqMobi开发app基础:如何拨打电话?

拨打电话,按照常规思维,由于涉及到...
 阅读(320) 评论(0)
 

使用jqMobi开发app基础:Badge的使用

显示效果:      红色的部分就是Badge,可以用来显示数量或者是其他的信息。   使用其实很简单,  $.ui.updateBadge("#" + id, res.Msg, "tr");   第一个参数是需要显示的标签编号,第二个参数是需要显示的文字,第三个参数是需要显示的位置。 bl - bottom left tl - top left br - bottom ri...
 阅读(363) 评论(0)
 

使用jqMobi开发app基础:Scrolling的使用,停止和继续拖动有关的问题

在使用Scrolling开发app的过程中,遇到了很多问题,demo给的例子是下拉永远有数据的情况,而我的数据是有限的,也就是下拉一定次数后,下拉实际上就没有新数据,也就是不需要再继续下拉了。当上拉刷新数据后,才可以继续下拉。本以为只需要添加一个判断就可以了,谁知道当下拉到没有数据后,再上拉刷新,然后下拉竟然下拉不了了!! 具体代码参考http://blog.csdn.net/xuexiaodo...
 阅读(764) 评论(0)
 

使用jqMobi开发app基础:Scrolling的使用,拖动后大量空白的解决方法

在使用jqMobi开发app基础:Scrolling的使用,向上向下拖动,动态添加数据一文中,通过使用...
 阅读(538) 评论(0)
 

使用jqMobi开发app基础:真的只能存在一个DOM吗?

研究jqMobi的demo,发现这个例子,所有的东西全在一个页面中,于是便认为使用jqMobi开发app,所有的内容都在一个HTML dom?难道真的不能分开吗?       不能像传统的网页开发那样,按照功能分成不同的HTML dom吗?由于资料很少,只有官方的demo可以参考,于是自己在思索这个问题。想不到最终却在jqeury mobile开发中找打了答案!!     jqMobi中的pa...
 阅读(896) 评论(2)
 

使用jqMobi开发app基础:下拉select

jqMobi有一个专门处理select的插件af.selectBox.js,感觉很简单很简单,官方文档只是简单demo,没有详细说明。    简单的列子:     One Two Three 显示效果      由于是在浏览器中测试,有没有style="-webkit-appearance: listbox;"没发现有什么区别。   禁用需要加disabled 例如: One Tw...
 阅读(850) 评论(2)
 

使用jqMobi开发app基础:使用 jQuery

如何在使用jqMobi开发app中使用jquery呢?由于jqMobi本身和jquery中的很多方法都是一样的,直接添加,肯定会冲突?   但由于jqMobi的插件很少,有时又不得不使用jquery,如何处理?    官网已有方法:添加jq.appframework.js,这个是把appframework.js变成了jquery的插件,自然就不会有冲突了。 下载地址   需要注意添加顺序...
 阅读(717) 评论(0)
 

使用jqMobi开发app基础:panel之间的跳转方式总结

使用jqMobi开发app,panel之间的跳转方式。根据当前页面的不同展现方式,主要有三种跳转方式。     1当前页面是弹出的,关闭当前页面2当前页面不是弹出的,可以使用a标签3使用 $.ui.goBack()     1当前页面是弹出的,关闭当前页面     例如登录页面因为使用了modal="true",因此是弹出的,再登陆成功后,只需要关闭弹出窗体就可以返回到以前的页面。...
 阅读(1728) 评论(8)
 

使用jqMobi开发app基础:页面传值方式

PC版的web程序两个两个页面之间的传值方式主要有,cookie,查询字符串,还可以通过服务端的session来交换数据.但app的传值方式呢?      由于app基本都是单页面的方式,查询字符串这种方式似乎行不通了,至少目前个人还没有见到这种例子....
 阅读(1876) 评论(12)
 

使用jqMobi开发app基础:panel之间的跳转方式

PC端的web程序有很多种跳转方式,但使用jqMobi开发app页面之间如何跳转呢?    还可以使用传统的a标签吗?    分析jqMobi的demo,发现所有的页面都写在一个页面中,似乎也只能在这一个页面中跳转?    使用panel属性data-defer把页面分开后,如何跳转呢?    例如:一个列表页面list.html,单击某一条就跳转到详细信息页面。如何实现呢?...
 阅读(1629) 评论(0)
 

使用jqMobi开发app基础:Scrolling的使用,向上向下拖动,动态添加数据

官网上Scrolling写的很简单。但自己要使用,却得试验很多次。         例如要实现如下简单的功能:也就是动态加载数据,不管用户向上拖动还是向下拖动,都动态加载数据。     第一步自然是研究demo了。demo一开始就有很多内容。 对应的脚本也很简单: var myScroller;...
 阅读(1755) 评论(4)
 

使用jqMobi开发app基础:a标签的使用

a标签,在AFUI中添加了几个很特殊的属性。           data-transition表示panel如何出现,有一定的动画效果。        例如:    data-transition="pop"   可以使用的参数有slide, up, down, flip, fade, pop,  none,默认为slide     data-persist-ajax="true...
 阅读(1477) 评论(2)
 

使用jqMobi开发app基础:viewport指令

在移动app开发中会经常使用到viewport指令,  ViewPort 标记用于指定用户是否可以缩放Web页面,如果可以,那么缩放到的最大和最小缩放比例是什么。ViewPort 标记的content值是由指令及其值组成的以逗号分隔的列表。  1 width和height指令分别指定视区的逻辑宽度和高度。可以使用一个以像素为单位的数字,也可以使用一个特殊的标记符号。  width指令使用de...
 阅读(956) 评论(0)
 

使用jqMobi开发app基础:注销页面的实现

注销其实可以使用一个基本的a标签。   例如我把登录和注销放在了底部导航条navbar中。  基本代码: 首页 登陆 注销 关于我们 js代码: function logoutFun()...
 阅读(1148) 评论(0)

来自 http://blog.csdn.net/xuexiaodong2009/article/category/1863547/1
普通分类: