当前位置:首页 > 开发 > Web前端 > Jquery > 正文

Jquery mobile之点点积积

发表于: 2012-03-22   作者:bozch   来源:转载   浏览:
摘要: 1、Jquery Mobile之page页面解析     第一、 页面必要的部分:jquery mobile的网站必须以html5的doctype开头                 <!DOCT

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 mobile之点点积积

  • 0

    开心

    开心

  • 0

    板砖

    板砖

  • 0

    感动

    感动

  • 0

    有用

    有用

  • 0

    疑问

    疑问

  • 0

    难过

    难过

  • 0

    无聊

    无聊

  • 0

    震惊

    震惊

版权所有 IT知识库 CopyRight © 2009-2015 IT知识库 IT610.com , All Rights Reserved. 京ICP备09083238号