分类: 前端技术预览模式: 普通 | 列表

jQuery mobile 动态加载数据-List View

由于jQuery Mobile页面渲染机制的限制,我们在页面中动态添加元素的时候经常会遇到无法被正常渲染的情况,List View组件是开发团队最早提供出动态更新解决方案的组件,在这里我们来实战一下解决方案——listview('refresh')
代码示例:
程序代码 程序代码
<!DOCTYPE html>
<html>
    <head>

查看更多...

Tags: jQuery Mobile 动态 加载 List View

分类:前端技术 | 固定链接 | 评论: 6 | 引用: 0 | 查看次数: 14784

jQuery Mobile  Alpha 4 在愚人节发布

在很长时间的等待后,jQuery Mobile开发团队终于在愚人节这天低调的将Alpha 4 版发布到官方网站上。由于对原有的代码进行了很大范围的优化和重构,对与和上一版本的时间间隔来说还在可以接受的范围之内。

关键更新:
支持Windows Phone 7 (WP7)
增加了对Windows Phone 7 (WP7) 的支持,由于WP7的浏览器和桌面版的IE7近似,所以对于圆角和阴影等CSS3特性无法支持,期待在今年将要WP7版本的IE9能有很好的支持。

查看更多...

Tags: jQuery Mobile Alpha4 在愚人节发布

分类:前端技术 | 固定链接 | 评论: 0 | 引用: 0 | 查看次数: 4100

jQuery Mobile 中文手册 Ajax开发版(2)

ajaxEnabled (boolean, default: true):

同时设置页面中的链接和表单提交是否使用Ajax方法,也就是说表单的提交和a标记中的链接,都是采用ajax调用。

布尔类型,在默认状态下参数是true。

例如:

查看更多...

分类:前端技术 | 固定链接 | 评论: 2 | 引用: 0 | 查看次数: 6022

jQuery Mobile 中文手册 Ajax开发版(1)

初始化

jQuery Mobile(以下简称jM)在加载的时候会自动的初始化默认配置项,这样我们就不需要为了学习和配置这些参数花费很多的时间了,大大的提高了开发效率。

但是有些时候因为项目的需要我们还是需要对这些参数进行自定义的。在学习jM的初始化参数之前,我们需要先来了解mobileinit事件。

Mobileinit事件

jM的加载事件和普通的jQuery插件有所不同,它会在document.ready事件之前执行。因此我们在需要对jM的默认运行参数进行调整的时候就需要在document.ready事件之前来对这些参数进行设置,jM为我们提供了mobileinit事件来处理加载之前需要执行的代码。

例如:

查看更多...

分类:前端技术 | 固定链接 | 评论: 0 | 引用: 0 | 查看次数: 5207

jQuery Mobile 中文手册下载

重新整理了前一段时间的jQuery Mobile开发资料,发一个完整的PDF文档。点击下载此文件

Tags: jQuery Mobile 中文手册 下载

分类:前端技术 | 固定链接 | 评论: 3 | 引用: 0 | 查看次数: 6189

按钮

你可以将页面中的任何一个链接通过data-role="button"来声明成为按钮的显示风格。为了风格统一,框架会在页面加载时自动将form类的按钮格式化为jQuery Mobile风格的按钮,不需要添加data-role属性。

框架中包含了一组常用的图标可以用于按钮,用data-icon属性中的参数来定义显示不同的图标效果。

例如:<a href="index.html" data-role="button" data-icon="delete">Delete</a>

查看更多...

分类:前端技术 | 固定链接 | 评论: 1 | 引用: 0 | 查看次数: 5720

模态对话框

模态对话框是一种带有圆角标题栏和关闭按钮的伪浮动层,用于独占事件的应用。任何结构化的页面都可以用data-rel="dialog"链接的方式实现模态对话框应用。

例如:<a href="foo.html" data-rel="dialog">Open dialog</a>

这个页面切换效果同样可以使用标准页面的data-transition参数效果。建议使用"pop"、"slideup" 和"flip"参数以达到更好的效果。

这个模态对话框会默认生成关闭按钮,用于回到父级页面。在脚本能力较弱的设备上也可以添加一个带有data-rel="back"的链接来实现关闭按钮。

查看更多...

分类:前端技术 | 固定链接 | 评论: 0 | 引用: 0 | 查看次数: 4806


概述

此文档是基于jQuery Mobile框架的移动设备Web应用开发知识而编制,目的是为了方便开发人员快速的掌握此框架的开发应用,其中包含了框架的基础应用知识和在团队协作开发中的常规约定。

框架特性

JQuery Mobile以“Write Less, Do More”作为目标,为所有的主流移动操作系统平台提供了高度统一的UI框架:jQuery的移动框架可以让你为所有流行的移动平台设计一个高度定制和品牌化的Web应用程序,而不必为每个移动设备编写独特的应用程序或操作系统。

jQuery Mobile目前支持的移动平台有苹果公司的iOS(iPhone,ipad,iPod Touch),Android,Black Berry OS6.0,惠普 WebOS,Mozilla的Fennec和Opera Mobile。今后,将增加包括Windows Mobile,Symbian和MeeGo在内的更多移动平台。

查看更多...

分类:前端技术 | 固定链接 | 评论: 0 | 引用: 0 | 查看次数: 6133