Jquery mobile之点点积积 - 沉默使者 - ITeye博客

`

bozch

浏览: 461793 次
性别:
来自: 北京

最近访客更多访客>>

dong717

thcoffee

gpdn

luojianbing

博主相关

博客

微博

相册

收藏

留言

关于我

文章分类

社区版块

存档分类

最新评论

carl_java：可否告知具体如何解决。目前使用jredis访问twemprox ...
jedis通过twemproxy无法使用pipeline
jveqi： ...
jedis通过twemproxy无法使用pipeline
jinhailion：也有此问题，版本号50.0.2661.12，有解决方案吗
Web浏览器Chrome打开一段时间后，运行alert无效
纵观全局： easyui-accordion 里面的数据怎么清空啊
jquery easyui学习教程-accordion
hourui93：非常感谢，问题解决了~~~
electron加载带有jquery的web page出现$,jQuery无法识别

Jquery mobile之点点积积

博客分类：

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 } );

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

分享到：

Jquery easyui之控件参数传递 | css媒体查询/jquery mobile根据不同设备设 ...

2012-03-22 18:02
浏览 1573
评论(0)
分类:Web前端
查看更多

评论

发表评论

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

相关推荐

jQuery Mobile 所需要的部署文件: jQuery Mobile 是一个轻量级的、基于 jQuery 库的框架，专为移动设备上的网页应用设计，它提供了丰富的用户界面（UI）组件和交互效果，让开发者能够快速构建响应式和触控友好的Web应用程序。这个资源包以“Hello ...

Jquery mobile 从设计到开发: jQuery Mobile 是一个广泛使用的框架，特别适合于移动设备和桌面浏览器。它允许开发者使用HTML5、CSS3和JavaScript来创建响应式网页应用。这个框架之所以在移动开发中受到青睐，是因为它可以将现有的网页转换成触摸...

jQuery mobile相册的一种样式: 在IT行业中，jQuery Mobile是一种广泛使用的前端框架，它专门用于构建响应式和触屏友好的移动Web应用。jQuery Mobile提供了一系列的UI组件和交互效果，其中包括我们今天要讨论的主题——相册样式。在这个主题下，...

jQueryMobile-HTML5模板: 1. **统一的触控体验**：jQuery Mobile提供了一套跨平台的触控事件处理机制，确保在各种设备上的滑动、点击等操作有统一的反馈。 2. **自动页面导航**：通过数据-URL（data-url）属性和页面容器，jQuery Mobile可以...

jquerymobile设计完整例子: **jQuery Mobile 设计详解** 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相册是一种基于jQuery Mobile框架的移动应用组件，它为用户提供了一种优雅的方式来展示和浏览图片集，尤其适用于移动设备。jQuery Mobile是jQuery库的一个分支，专为触摸设备优化，提供了一套完整的UI...

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

jquery mobile datepicker 手机端日期选择器: 《jQuery Mobile Datepicker：手机端日期选择器深度解析》在移动应用开发中，日期选择器是一个不可或缺的组件，它提供了用户友好的界面，让用户能够方便地选择日期。jQuery Mobile Datepicker 是一个专为手机端...

jQuery Mobile实战源码: 《jQuery Mobile实战》源码分析 jQuery Mobile 是一个流行的前端框架，专为移动设备设计，旨在简化移动Web应用的开发。这个源码包提供了一手的学习资料，让我们深入理解jQuery Mobile的工作原理及其在实际项目中的...

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

jquery mobile 1.4.1版: 《jQuery Mobile 1.4.1版：移动开发的核心组件》 jQuery Mobile 是一个功能强大的前端框架，专门针对移动设备的网页开发而设计。在1.4.1版本中，它提供了一系列优化的CSS和JavaScript文件，使得开发者能够快速、...

jQuery mobile滑动式的标题导航: jQuery Mobile 是一个轻量级、触控优化的前端框架，专为移动设备设计，它提供了一整套构建移动Web应用程序的组件。在这个“jQuery mobile滑动式的标题导航”主题中，我们将深入探讨如何利用jQuery Mobile创建动态且...

jQuery Mobile快速入门.pdf: ### jQuery Mobile 快速入门知识点概述 #### 一、jQuery Mobile 概述 - **定义与背景**：jQuery Mobile 是一款流行的开源 JavaScript 库，它主要用于构建响应式的 Web 应用程序，支持触摸操作，兼容多种移动设备。...

jquery mobile官方git资源: 《jQuery Mobile官方Git资源详解》在Web开发领域，jQuery Mobile是一个非常重要的框架，它为构建响应式、触摸友好的移动应用提供了强大的工具。本文将深入解析“jquery mobile官方git资源”，并围绕其中的关键知识...

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

jQuery mobile图片截图: 它构建在 jQuery 和 jQuery UI 的基础之上，提供了一套完整的组件和接口，用于创建响应式、触摸友好的移动界面。在 jQuery Mobile 中实现图片截图功能，可以帮助用户更方便地分享或保存网页中的图像。图片截图通常...

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

JqueryMobile课件源码: **jQuery Mobile 知识点详解** jQuery Mobile 是一个专为移动设备设计的前端框架，它提供了丰富的 UI 组件和交互效果，使得开发者可以快速构建功能丰富、具有良好用户体验的跨平台移动 Web 应用。本课件源码将帮助...

Global site tag (gtag.js) - Google Analytics