简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
Rumah > hujung hadapan web > Tutorial H5 > teks badan

小强的HTML5移动开发之路（47）——jquery mobile基本的页面框架

黄舟
Lepaskan： 2017-02-15 13:35:54
asal
1261 人浏览过

一、单容器页面结构


 


Jquery mobile 基本页面框架









	

    	

        	
标题

        

        

        	
内容部分

        

        

        	
页脚
Salin selepas log masuk

说明：设置浏览器的缩放宽度与等级，可以使页面的宽度与移动设备的屏幕宽度相同。

二、多容器页面结构

 


Jquery mobile 基本页面框架









	

    	

        	
标题

        

        

        	
内容部分

            下一页
        

        

        	
页脚

        

    

   	

    	

        	
标题

        

        

        	
内容部分

        

        

        	
页脚
Salin selepas log masuk

说明：data-add-back-btn属性表示是否在容器的左上角添加一个“回退”按钮，默认值为false.

另外给元素添加data-rel属性也可以实现回退。

三、外部页面链接切换


 


Jquery mobile 基本页面框架









	

    	

        	
标题

        

        

        	
内容部分

            下一页
        

        

        	
页脚

        

    

   	

    	

        	
标题

        

        

        	
            	访问外部页面
            
        

        

        	
页脚
Salin selepas log masuk
 


Jquery mobile 基本页面框架









	

    	

        	
外部页面

        

        

        	你好，感谢你的关注
Salin selepas log masuk

如果不想以ajax方式打开页面，在链接元素中添加rel="external"

四、预加载与页面缓存


        

        	
            	访问外部页面
Salin selepas log masuk

使用页面缓存功能将会使DOM内容变大，一旦选择了缓存功能，要及时清理。

将page容器的data-dom-cache设置为true,可以将该页面的内容注入文档的缓存中，或者通过js代码设置一个全局的属性，代码如下：

$(function(){
    $.mobile.page.prototype.options.domCache = true;
})
Salin selepas log masuk


以上就是小强的HTML5移动开发之路（47）——jquery mobile基本的页面框架的内容，更多相关内容请关注PHP中文网（m.sbmmt.com）！

Label berkaitan：
HTML5，移动开发，页面框架
sumber：php.cn
Artikel sebelumnya：小强的HTML5移动开发之路（46）——汇率计算器【2】 Artikel seterusnya：小强的HTML5移动开发之路（48）——（小练习）新闻订阅系统【1】
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel terbaru oleh pengarang
Isu terkini
Menggunakan aset bilah Laravel 8 untuk memaparkan imej tetapi memuatkan daripada subfolder sumber Saya agak baru dengan Laravel, jadi harap bersabar. Saya menyalin rangka kerja yang saya b...
daripada 2023-11-09 12:47:02
0
1
314
Reka bentuk dan pembangunan laman web menggunakan tema Hugo Tikva dan Bootstrap-4 Saya sedang membaik pulih tapak web syarikat saya menggunakan rangka kerja Hugo dan Bootst...
daripada 2023-09-11 08:49:48
0
1
190
Sesi tidak dipaparkan dengan betul dalam Laravel 10 selepas permintaan AJAX Saya sedang membangunkan aplikasi web menggunakan rangka kerja Laravel. Saya menggunakan s...
daripada 2023-09-01 15:12:43
0
1
171
Menukar orientasi menyebabkan video ditutup apabila memainkan video HTML5 pada Safari iOS Saya menggunakan React dan teg <video> HTML5 untuk memaparkan video, dan apabila say...
daripada 2023-08-30 20:49:37
0
1
217
VueJS dan firebase: Semak sama ada pengguna log masuk selepas muat semula halaman Saya sedang membangunkan aplikasi web menggunakan rangka kerja Vue3 dan firebase. Sebagai ...
daripada 2023-08-28 22:02:53
0
1
273
Topik-topik yang berkaitan
Lagi>
Cadangan popular
Tutorial Popular
Lagi>
Tutorial berkaitan
Cadangan popular
Kursus terkini
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan
Tentang kita Penafian Sitemap
Laman web PHP Cina：Latihan PHP dalam talian kebajikan awam，Bantu pelajar PHP berkembang dengan cepat！