jQuery技术

[jquery mobile]经典收藏 50个jQuery Mobile开发技巧集萃

字号+ 作者:H5之家 来源:H5之家 2017-01-15 16:03 我要评论( )

262阅读网,Phone或Android手机上。相关链接:http://net.tutsplus.com/tutorials/javascript-ajax/how-to-build-an-rss-reader-with-jquery-mobile-2/19、amp;ld

篇一 : 经典收藏 50个jQuery Mobile开发技巧集萃

1、Backbone移动实例

在这个教程中,我们将着重介绍jQuery Mobile的一些基本元素:页面结构、表单和Ajax表单提交。该教程基于jQuery Mobile框架的版本1.0测试版2。

相关链接:

40、jQuery Mobile中的简单列表视图

这个视频片段显示了如何创建jQuery Mobile中的简单列表视图。

相关链接:?v=Jmg8GdEKDjA&feature=related

可以学习如何使用jQuery Mobile构建具有离线功能的移动网站。

相关链接:

47、jQuery Mobile和JSON

这个教程介绍了可用于编写移动web应用程序的jQuery Mobile(JQM)框架,面向移动行业几款领先的浏览器。JQM可用于为在众多移动设备上运行的基于web的应用程序提供直观而一致的用户体验,比如iPhone、iPad、Android、WebOS、BlackBerry版本6(Torch和Playbook)及其他移动设备。该教程先综述了JQM项目以及JQM与HTML5之间的关系。该教程介要介绍了构建JQM应用程序所用的多种方法中的一种,以及JQM改进基本web用户界面元素的一些方式,最后介绍了基本的销售队伍自动化要求。

相关链接:

48、创建和使用jQuery Mobile中的自定义图标

本文将介绍如何创建和实施自定义图标。此外,我会介绍如何为iPhone 4的视网膜屏幕及更新的高分辨率设备添加高分辨率图标支持。

相关链接:

49、jQuery Mobile & Rails 3入门

这个应用程序让你可以通过移动设备来创建、读取、更新和删除博文帖子。

相关链接:

50、使用jQuery Mobile构建一个原生的Android新闻阅读应用程序

可以学习如何使用jQuery Mobile构建一个原生的Android新闻阅读应用程序。

相关链接:

t262阅读网请您转载分享:

篇二 : easy Html5 - Jquery Mobile之ToolBars(Header and Footer)

jquery 在web js框架上的风暴还在继续却也随着移动终端走向了mobile;那么jquery mobile到底包括些什么呢

简介

工具栏是在移动网站和应用中的头部,尾部或者内容中的工具条;Jquery Mobile提供了一套标准的工具和导航栏的工具,可以在绝大多数情况下直接使用;头部一般做网站或应用的标题,功能导航等,一般都是些文字或者按钮;尾部是一个页面的最下端,内容可以根据具体应用需要来排版,也可以放功能导航、各种链接等;内容中使用一般是作为功能的展示,显示内容同时附带着功能;jquery mobile还提供了这些工具栏的一些特性即工具栏定位;通过设置工具栏定位,可以使工具栏一直处于头部或者底部,当滚动时,如果工具栏被滚动到屏幕之外,jquery mobile会自动动画过度将工具条重新显示到头部或者底部;而且任何时候,当点击定位了的工具栏时,点击屏幕会让工具栏消失,再点击时会重新显示;当然还支持全屏的定位模式,当工具条被滚动到屏幕之外时,不会立即显示滚动条,而是当点击屏幕时,工具条会自动显示在固定的位置上。()

Header

1.页面Header是一个data-role为header的div,当然我们可以在这个div里定义其他任何内容,比如常用的后退按钮等;

<div data-role="header" data-theme="c"> <h1>Page Header</h1> </div><!-- /header -->

2.一般在header里添加的button不要太多,添加在header里的按钮带有自动定位功能;

比如当添加一个按钮时:

 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
  • jQuery Mobile框架初学者入门教程

    jQuery Mobile框架初学者入门教程

    2017-01-13 15:00

  • JQuery mobile(一)学习使用

    JQuery mobile(一)学习使用

    2017-01-05 12:05

  • jQuery Mobile学习笔记案例实现

    jQuery Mobile学习笔记案例实现

    2017-01-04 12:03

  • Android+Jquery Mobile学习系列(4)-页面转场及参数传递

    Android+Jquery Mobile学习系列(4)-页面转场及参数传递

    2017-01-04 09:00

网友点评
>