首页

关于

最新jQuery Mobile 1.2版本新特性

最新jQuery Mobile 1.2版本新特性

大家还记得在jQuery 1.0 RC版本发布的时候我们曾经发布过一个jQuery Mobile RC版本介绍文章介绍主要的特性。就在前不久,jQuery Mobile团队又发布了jQuery Mobile 1.2。新版本中带来了一些非常不错的特性。在今天的这篇文章中我们将继续介绍1.2版本的一些新的widget,及其一些针对老版本widget的功能加强。希望大家喜欢!

Widgets

jQuery Mobile最核心的地方就在于widgets。提供了与用户交互的界面。在最新的版本中,加入了一个全新的widget:popup modal。

Popups (弹出层)

弹出层是一个覆盖于页面其它内容的小的区域。可以用来设计提示栏,显示照片,地图或者其它内容。在jQuery mobile 1.2中,实现了这个超棒的widgets。

在本篇文章中,我们将使用如下代码框架来演示代码:

<!DOCTYPE html>
<html>
<head>

标签: jQuery, jquery mobile, mobile, jqm

阅读更多

推荐12款最新的jQuery Mobile移动应用

网络上与jQuery Mobile相关的网站有上百个。从这些网站中,我们精心挑选了12款最新的移动应用设计给大家做为参考。希望大家支持!

Ryland Homes

推荐12款最新的jQuery Mobile移动应用

Slideshare

推荐12款最新的jQuery Mobile移动应用

Stanford

推荐12款最新的jQuery Mobile移动应用

Take Me Fishing

推荐12款最新的jQuery Mobile移动应用

Moulin Rouge

推荐12款最新的jQuery Mobile移动应用

American Century

推荐12款最新的jQuery Mobile移动应用

Rugby World Cup

推荐12款最新的jQuery Mobile移动应用

Box.net

推荐12款最新的jQuery Mobile移动应用

Disney World

推荐12款最新的jQuery Mobile移动应用

OpenTable

推荐12款最新的jQuery Mobile移动应用

Khan Academy

推荐12款最新的jQuery Mobile移动应用

Ikea Sweden

推荐12款最新的jQuery Mobile移动应用

标签: jquery, jquery mobile, jQuery移动应用, 移动应用设计

阅读更多

5个jQuery的备选轻量级移动客户端开发(Mobile development)类库

jQuery很棒,但是并非所有的情况下都适合使用jQuery作为你的开发类库。如果你只是需要简单的DOM操作或者AJAX请求处理,为什么要使用如此复杂并且臃肿的类库呢?

对于手机或者移动客户端来说,这样的影响更加明显。虽然我们可以使用CDN来帮助我们提高加载速度,仍旧还是需要时间的。最具性感的jQuery特性 - 浏览器的兼容性,对于手机来说,也太重量级。为什么需要你的应用支持那些进入博物馆的浏览器呢? 要知道我们只需要在iOS和Android系统上使用啊!

开发问题

这里有更多等待解决的问题。 jQuery的动画处理方式是间隔方式修改一个元素的CSS样式属性。这在大多数的桌面浏览器中处理没有问题,但是在移动设备上效率很低。

纯CSS动画实现的方式相反来说更加迅速并且顺畅。

zepto.js

这个类库可能是最丰富的手机设备iOS和android开发类库(都使用webit引擎)。保持了几乎所有的jQuery功能,只有8kb并且添加了对于触摸设备的支持,并且纯CSS的动画效果。而且支持模块化,你可以选择你需要的功能来开发应用。

5个jQuery的备选轻量级移动客户端开发(Mobile development)类库

标签: jquery, jquery mobile, 移动开发js类库

阅读更多

jQuery Mobile 1.1 : 更流畅,更快捷,更实用

jQuery Mobile 1.1 : 更流畅,更快捷,更实用

最新版本的jQuery Mobile 1.1本月13号刚刚发布,带给我们了最新的强大特和代码提升。在这篇文章中,我们将要快速的介绍jQuery mobile的新特性及其移动开发人员需要了解的所有内容。准备好和我们一起体验jQuery mobile吧!

在这个文章中,我们将要介绍如下内容:

  • 改良的固定header和footer
  • 提高的页面过渡效果,和俩个新开发的过渡效果 
  • 加载"spinner"和文本提升
  • 漂亮的迷你表单元素
  • 更漂亮的翻转开关切换
  • 更好的滑动选择
  • 禁止为整个页面标签优化和AJAX处理
  • 其它相关的提升和修改

在本篇文章结尾,你会看到一些jQuery Mobile 1.2的新特性和组件。

首先我们开始介绍jQuery mobile的标题特性,大大的提升了header和footer工具条。

Toolbar的巨大改良

固定的toolbar是用来固定页面顶端和低端的工具条,通过添加data-position="fixed"来添加到页头和页尾。

最简单的方式去创建一个固定的页面元素是使用CSS…

标签: jquery mobile, jquery mobile 1.1, jquery mobile1.1新特性

阅读更多

分享一个超棒的在线jQuery mobile原型设计开发工具 - codiqa

分享一个超棒的在线jQuery mobile原型设计开发工具 - codiqa

在线演示  本地下载

今天我们分享一个超棒的在线jQuery mobile原型设计开发工具:Codiqa,这个在线设计工具能够帮助我们快速的使用拖拽的方式来构建一个jQuery mobile的web应用程序。

主要特性

  • 支持不同的主题
  • 支持不同移动设备下的预览,例如,ipad,iphone,android等
  • 支持设备的旋转预览
  • 20种的组件可供选择
  • 拖拽式的界面设计,让你回到vb开发时代
  • 可以使用dashboard来支持HTML格式输出
  • 1分钟快速注册,免费使用

分享一个超棒的在线jQuery mobile原型设计开发工具 - codiqa

分享一个超棒的在线jQuery mobile原型设计开发工具 - codiqa

分享一个超棒的在线jQuery mobile原型设计开发工具 - codiqa

主要功能界面

  • 页面窗口,创建新页面
  • 组件窗口,选择组件
  • 主设计界面
  • 属性页面窗口
  • 设计选项工具条

使用这个工具5分钟你就可以设计出非常专业的移动应用原型,是不是很棒!

标签: jquery, jquery mobile, online design, codiqa

阅读更多

标签

© Copywrite by gbin1.com, all rights reserved.