jQuery Mobile
编程Thinker
专注于软件开发,文章以实际经验总结而成...
展开
-
JQuery Mobile 应用实例(1)
1.2引用在线的css和js2.Pages例1:简单页面data-role="page"> data-role="header"> 欢迎访问我的主页 data-role="content"> 我是一名移动开发者!原创 2016-06-23 16:18:30 · 5391 阅读 · 0 评论 -
1. jQuery Mobile简介
1. 什么是 jQuery Mobile?jQuery Mobile 是一个为触控优化的用于创建移动web 应用程序的web框架,它适用于所有流行的智能手机和平板电脑。jQuery Mobile 通过使用 HTML5、CSS3、JavaScript 和 AJAX,能够通过尽可能少的脚本对页面进行布局。jQuery Mobile 构建于 jQuery 库之上,如果我们精通jQuery原创 2016-09-13 22:29:24 · 416 阅读 · 0 评论 -
2. jQuery Mobile开发准备
我们为了能够在网站上使用jQueryMobile,在开发之前,我们需要进行向我们的网页中添加jQuery Mobile,我们有两种方法进行jQuery Mobile 的添加。1. 从 CDN引用jQuery MobileCDN (ContentDelivery Network) 用于通过 web 来分发常用的文件,以此加快用户的下载速度。通过CDN的引用,我们只需直接在 HTML原创 2016-09-13 22:55:33 · 380 阅读 · 0 评论 -
3.jQuery Mobile页面(pages)(1)
page页面是用户可以在设备屏幕上直观看到的内容,我们可以在一个HTML中创建一个或多个页面,下面将会进行实例的讲解。1.简单页面我们在标签中,加入一个标签,再给标签添加data-role="page"属性,代码如下: ... ... ... 通过以上代码,我们就完成原创 2016-09-16 00:06:36 · 348 阅读 · 0 评论 -
3.jQuery Mobile页面(pages)(2)
2.单一HTML包含多个页面我们经常看到在网站中,通过tab选项卡切换页面的情况,那么,我们可以在一个HTML中包含多个页面吗?答案是肯定的,我们可以通过添加多个带有data-role="page"属性的标签,来实现该效果,通过给每个设置id(id=”***”)属性,来通过链接(<a href=”#***”>)选择不同的页面显示。示例如下: 代码如下:DOCTY原创 2016-09-19 22:15:40 · 377 阅读 · 0 评论 -
3.jQuery Mobile页面(pages)(3)
3.将页面作为对话框显示方法1:在页面显示的时候,我们可以把页面当成弹出框来显示,我们只需要把div标签的data-role="page"属性改为data-role="dialog",便可以做出对话框式的页面了。divdata-role="dialog">…示例如下: 代码如下:DOCTYPEhtml>html> head>原创 2016-09-19 23:16:18 · 338 阅读 · 0 评论