Jquery mobile之点点积积

最新推荐文章于 2024-08-15 08:55:57 发布

bozch

最新推荐文章于 2024-08-15 08:55:57 发布

阅读量93

点赞数

分类专栏： Jquery Mobile 文章标签： javascript ViewUI

本文链接：https://blog.csdn.net/bozch/article/details/84173337

版权

1 篇文章 0 订阅

订阅专栏

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

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

关注

专栏目录