`
bozch
  • 浏览: 456069 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

Jquery mobile之点点积积

 
阅读更多

1、Jquery Mobile之page页面解析

    第一、 页面必要的部分：jquery mobile的网站必须以html5的doctype开头

                

<!DOCTYPE html>

    第二、添加viewport标签

<meta name="viewport" content="width=device-width, initial-scale=1">

       定义页面的放大等级和页面大小，最终页面显示的宽度即为对应设备浏览器的宽度。

    第三、按顺序引入相关的文件

    

jquery.mobile-1.0.1.min.css
http://code.jquery.com/jquery-1.6.4.min.js
http://code.jquery.com/mobile/1.0.1/jquery.mobile-1.0.1.min.js

    注意顺序不能颠倒

    第四、标准页面模版

    

<div data-role="page"> 
	<div data-role="header">...</div> 
	<div data-role="content">...</div> 
	<div data-role="footer">...</div> 
</div>

    一个页面中可以含有多个"page"

2、预读取页面(prefetching pages)

     如果想在某个page加载之后，将本页面的其他连接页面也预加载到dom节点树中，可以在对应的连接中添加属性data-prefetch，如下：

   

<a href="prefetchThisPage.html" data-prefetch> ... </a>

    在页面上可以任意添加data-prefetch属性来预加载其他界面。被预加载的界面，只有默认的第一个“page”被初始化，其他仍未初始化。

   除了通过给html链接添加属性的方式外，还可以通过js进行页面的预加载，代码如下：

   

$.mobile.loadPage( pageUrl, { showLoadMsg: false } );

   

   虽然通过预加载的方式，可以快速浏览预加载的界面，但是这样会有另外的请求发送并占用带宽，因此不提倡这种方式进行页面的加载。除非接下来的界面是必须查看的，预加载才是有意义的。例如：在浏览连续的图片时。

分享到：
| css媒体查询/jquery mobile根据不同设备设 ...
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    jQuery Mobile参考手册

    2.jQuery Mobile 构建于 jQuery 以及 jQuery UI类库之上，如果您了解 jQuery，您可以很容易的学习 jQuery Mobile。 3.jQuery Mobile 使用了极少的 HTML5、CSS3、JavaScript 和 AJAX 脚本代码来完成页面的布局渲染。...

    jQuery、jQueryUI及jQueryMobile技巧与示例

    资源名称：jQuery、jQuery UI及jQuery Mobile技巧与示例内容简介：《jQuery、jQuery UI及jQuery Mobile技巧与示例》包括jQuery、jQuery UI、jQuery Mobile以及jQuery插件四部分内容。第一部分介绍jQuery核心库，从...

    Jquery Mobile 帮助手册

    jQuery Mobile 是用于创建移动 Web 应用的前端开发框架。 jQuery Mobile 可以应用于智能手机与平板电脑。 jQuery Mobile 使用 HTML5 & CSS3 最小的脚本来布局网页。

    jQuery mobile相册的一种样式

    jQuery mobile相册的一种样式

    jQuery Mobile API文档

    jQuery Mobile API文档。jQuery Mobile是jQuery框架的一个组件（而非jquery的移动版本）。jQuery Mobile是一款基于HTML5的用户界面系统，旨在使所有智能手机，平板电脑和桌面设备上都可以访问的响应网站和应用。...

    jQuery Mobile音乐播放实例源码

    jQuery Mobile音乐播放代码 为什么使用 jQuery Mobile? 通过使用jQuery Mobile 可以 "写更少的代码，做更多的事情" : 它可以通过一个灵活及简单的方式来布局网页，且兼容所有移动设备。 lamp 不同设备使用了...

    JQUERYMOBILE 提示框

    JQUERYMOBILE 提示框 用语JQUERYMOBILE 移动开发的提示框

    jQuery Mobile快速入门完整版.pdf + 所有源码

    作为jQuery Mobile的入门级读物，《jQuery Mobile快速入门》以示例方式讲解了jQuery Mobile的基本知识和核心特性，内容系统全面，便于理解。 《jQuery Mobile快速入门》总共分为10章，内容包括jQuery Mobile的基础...

    jQuery Mobile 所需要的部署文件

    本资源以Hello Word为例，里面包含了jQuery Mobile框架所需要的部署文件。

    jQuery Mobile 1.0正式发布

    jQuery Mobile是jQuery在手机和平板设备上的版本，用于创建针对智能手机和平板电脑的跨设备Web应用。 jQuery Mobile旨在“为jQuery社区创建一个优雅的能够兼容当前所有主流移动平台的HTML5 UI库”。jQuery Mobile...

    jQuery mobile滑动式的标题导航

    jQuery mobile滑动式的标题导航

    jQuery Mobile快速入门.pdf

    jQuery Mobile快速入门.pdf

    jquery ui及jquery mobile技巧与示例源代码

    原书名：jQuery, jQuery UI, and jQuery Mobile: Recipes and Examples 原出版社： Addison-Wesley Professional 作者： (荷)Adriaan de Jonge (美)Phil Dutson 译者： 包勇明 程学彬 出版社：人民邮电出版社 ...

    JQuery Mobile学习助手

    “JQuery Mobile学习助手”包含了对JQuery Mobile中的所有组件、接口的详细介绍。对于JQuery Mobile的初学者，可以从中学习JQuery Mobile的所有接口与组件的功能，同时通过范例进行练习；对于JQuery Mobile开发人员...

    jQueryMobile-HTML5模板

    jquerymobile是用于创建移动 Web 应用的前端开发框架，此资源包含了几套jquerymobile的模板，供新手学习。

    jQuery Mobile开发的移动新闻阅读器,HTML5技术配合jQuery Mobile

    jQuery Mobile开发的移动新闻阅读器,HTML5技术配合jQuery MobilejQuery Mobile jqm 新闻阅读器 jqm图标更换 jQuery Mobile jqm 新闻阅读器 jqm自定义按钮的图片以及header和footer的定位

    jquery mobile 1.4.1版

    jquery mobile 1.4.1版 移动开发必备

    Jquery Mobile中的按钮

    Jquery Mobile中的按钮,学习Jquery Mobile中的简单Jquery Mobile

    jquerymobile设计完整例子

    jquerymobile例子 包含从登陆到菜单和各种菜单切换完整设计 上传只为分享

Magicbox
Global site tag (gtag.js) - Google Analytics