10个你必须知道的jQueryMobile代码片段(转)
1、在列表项和按钮上禁用文本截断
如果你的列表项或者按钮上是一个很长的文本,它将会被jQuery Mobile自动截断,要禁用这个截断设置,需要在CSS选择器上添加属性"white-space:normal"。例如,在按钮禁止截断:
.ui-btn-text{
white-space:normal;
}
在列表项上禁止截断:
.ui-li-desc{
white-space:norma;
}
应用自动截断,在元素上面设置"white-space:normal:nowrap"。
2、在页面加载时随机显示背景
jQuery Mobile拥有一系列在页面加载时触发的初始化事件,下面是每次页面加载完成后随机显示一个背景。
CSS如下:
.my-page { background: transparent url(../images/bg.jpg) 0 0 no-repeat; }
.my-page.bg1 { background: transparent url(../images/bg-1.jpg) 0 0 no-repeat; }
.my-page.bg2 { background: transparent url(../images/bg-2.jpg) 0 0 no-repeat; }
.my-page.bg3 { background: transparent url(../images/bg-3.jpg) 0 0 no-repeat; }
JavaScript如下:
$('.my-page').live("pagecreate", function() {
var randombg = Math.floor(Math.random()*4); // 0 to 3
$('.my-page').removeClass().addClass('bg' + randombg);
});
3、禁用按钮
$('#home-button').button("disable");
设置按钮可用
$('#home-button').button("enable");
4、禁止加载时弹出信息
每次加载一个不同的页面时都会触发弹出消息,确实很烦人,要禁用这种情况的发生,添加如下代码
$.mobile.pageLoading(true);
默认情况下是可见的
$.mobile.pageLoading();
5、自定义主题
jQuery Mobile框架有5款主题,主题A,主题B,主题C,主题D和主题E。但你也可以轻松为你的web app
创建一个主题。步骤如下:
(1)从jQuery Mobile CSS文件中复制任何一个主题粘贴到你自己的CSS文件中。
(2)给你的主题和CSS选择器合理命名。例如,你复制了主题C,而你想命名你的主题为主题Z,重命名.ui-btn-up-c为.ui-btn-up-z等等。
(3)、修改自定义主题的颜色和样式
(4)、应用你的自定义主题到任一元素上,仅需设置data-theme属性为z,例如:
<div data-role="page" data-theme="z">
6、应用自定义字体
你当用jQuery Mobile构建一个web app时,想用一些特殊字体,你会发现用@font-face自定义字体是一个令人相当满意的方法。
7、创建一个没有文本只有图片的按钮
有时,你可能想用一个没有文本内容仍具有按钮特性的一个按钮。要在按钮上隐藏文本,设置data-iconpos="notext",例如:
<a href="../index.html" data-icon="grid" claa="ui-btn-right" data-iconpos="notext">Home</a>
8、打开一个无需使用Ajax页面过渡的超链接
<a href="../index.html" data-icon="grid" class="ui-btn-right" rel="external">Home</a>
9、移除项目列表中的箭头
默认情况下,jQuery Mobile框架会为每一个列表项添加一个箭头,想要禁用箭头显示,需要在你想要移除列表项设置data-icon="false"。
<li data-icon="false"><a href="contact.html">Contact Us</a></li>
10、设置页面的背景颜色
怎样在不修改jQuery Mobile样式下设置一个页面背景颜色的?听起来很简单,其实需要花几分钟时间才能解决。通常情况下,你需要在body元素中设置背景颜色,但是用jQuery Mobil框架,你需要设置在ui-page类中。
.ui-page{
background:#eee;
}
10个你必须知道的jQueryMobile代码片段(转)相关推荐
- 10个你必须知道的jQueryMobile代码片段
原创文章,转载请注明: 转载自http://www.yiiyaa.net/ 本文链接地址:http://www.yiiyaa.net/1426 0.jQuery Mobile生命周期函数必须在 jQu ...
- 10个你必须知道的ios框架
你好,iOS 开发者们!我的名字叫 Pawe?,我是一个独立 iOS 开发者,并且是 Enter Universe 的作者. 接近两年前我发布了iOS开源库,让你的开发坐上火箭吧.这是我在这里最棒的文 ...
- 10个你必须知道的Python内置函数
自从把精力投入到次幂数据(www.cimidata.com) 这个产品后,貌似很久很久没有写过原创文章了,人一旦懒起来也会形成习惯,反之亦然.一个目标之所以难以坚持,很大可能是太大了. 在我们的一个跑 ...
- python语言必背代码-Python新手必须知道的25条知识点
原标题:Python新手必须知道的25条知识点 1.到底什么是Python?你可以在回答中与其他技术进行对比 下面是一些关键点: Python是一种解释型语言.这就是说,与C语言和C的衍生语言不同,P ...
- 网页最少要有一个html标签,PHP_网页开发人员必须知道的10个不常用HTML标签, 网页开发人员常常希望能 - phpStudy...
网页开发人员必须知道的10个不常用HTML标签 网页开发人员常常希望能够了解并掌握多种语言,结果是,学习一门语言的所有内容是棘手的,但是却很容易发现你并没有完全利用那些比较特殊却很有用的标签. 不幸的 ...
- 数据库:学好SQL必须知道的10个高级概念
今天给大家分享学好SQL必须知道的10个高级概念. 1.常见表表达式(CTEs) 如果您想要查询子查询,那就是CTEs施展身手的时候 - CTEs基本上创建了一个临时表. 使用常用表表达式(CTEs) ...
- 程序员必须知道的HTML常用代码有哪些?
HTML即超文本标记语言,是目前应用最为广泛的语言之一,是组成一个网页的主要语言.在现今这个HTML5华丽丽地占领了整个互联网的时候,如果想要通过网页抓住浏览者的眼球光靠因循守旧是不行的,程序猿们需要 ...
- 移动测试工程师必须知道的10个开源框架
移动测试工程师必须知道的10个开源框架 作者:彭海波 前言 随着移动互联网的发展,移动测试技术越来越成熟,很多优秀的开源测试框架涌现出来.作为一个移动测试工程师,我们不仅要夯实自己的技术能力,也要学会 ...
- 你必须知道的10种国产编程语言
你必须知道的10种国产编程语言 你必须知道的10种国产编程语言 --一个老程序员的心声:我们必须要有国产的编程语言 众所周知,编程语言是外国人的天下,我们一入行,就失去了 ...
最新文章
- 出色图形用户界面(GUI)设计规范
- 马斯克又破纪录了:120米史上最高火箭已组装,计划今年完成首次轨道试飞
- 半双工、全双工以太网
- MySQL 避免行锁升级为表锁——使用高效的索引
- 获取一组radio按钮选中的值Value
- ASP.NET MVC 2.0
- 高可用之KeepAlived(一):基本概念和配置文件分析
- kill -9 和 kill -15 的区别
- 栈空间不够会报错吗_c++如何解决大数组栈内存不够的问题
- Zabbix实现自动发现端口并监控
- atitit.javascript js 上传文件的本地预览
- win10怎么卸载Edge浏览器
- uefi 懒人版黑苹果_macOS Sierra 10.12.6(16G29) 变色龙引导懒人版CDR黑苹果镜像
- 数据结构与算法之图的深度优先遍历(DFS)
- 一千本免费电子书(建议长期保存)转的-用迅雷下载
- 信息加密技术——对称密码体制
- 数据分析师需要学什么?数据分析师必备的7种能力
- 中国各省的省会间距离(含港澳台)
- 美国回国机票多种航线任您选
- python爬取网易云音乐飙升榜音乐_python爬取网易云音乐热歌榜实例代码
热门文章
- android 搜索框 github,Github上Android简单好用的提示框推荐 | 夕辞
- php request order,php.ini中的request_order推荐设置,requestorder_PHP教程
- linux如何运行windows游戏,可运行在Linux下最好Windows软件和游戏
- python输出质数序列_用python打印素数序列
- 图论 ---- D. Multiples and Power Differences (全局lcm + 矩阵二分图)
- linux7内核优化,centos7 系统内核、网络等优化(适用高并发)
- 数组做参数_ES6 系列:你不知道的 Rest 参数与 Spread 语法细节
- java 打包目录_Java打包文件目录问 zip文件
- 9.69最长公共子串
- A-棋盘问题(dfs)