Jquery Mobile --小知识
1、更改ul后要使用listview('refresh')刷新视图;
$('ul').append('<li>row</li>').listview('refresh');
2、选取header,并绑定双击事件
$("[data-role='header']").bind('dblclick',function(e){});
3、定时变换背景,长按为taphold
$('#txt').tap(function(){
var elem = this;
$(elem).css('background','yellow');
setTimeout(function(){$(elem).css('background','transparent');},2000);
});
});
4、取消Ajax链接
页面默认为Ajax链接,要把它禁用,有三种方法
A、<a href="second.html" data-ajax="false">Second</a>
B、rel="external"
C、$.mobile.ajaxEnabled=false;
5、图标data-icon类型
home | delete | plus | arrow-u | arrow-d | arrow-r | arrow-l|check | gear | grid | star | custom | minus | refresh | forward | back | alert | info | search
6、Button大小
默认为屏幕同宽,若要变小使用data-inline="true"
7、只有图标的按钮
添加data-iconpos="notext"
8、使buttom在header右方
class="ui-btn-right"
9、设置<li class="span">有惊喜,转个不停。
10、固定页面:document.addEvenListener('touchmove',function(e){e.preventDefault();},false);
11、phoneGap中报错ERROR whitelist rejection: url
在PhoneGap.plist里,ExternalHosts加个域名,注意不要协议头,不要路劲和文件名,只要域名(如www.baidu.com)。
12、取消字段截断
button中
.ui-btn-text{
white-space:normal;}
list中
.ui-li-desc{
white-space:normal;}
13、禁用button
$('#home-button').button('disable');
14、去除list中的箭头
<li data-icon="false"><a>row</a></li>
15、设置页面背景颜色
.ui-page{
background:#eee;;}
转载于:https://blog.51cto.com/shaotao/1622075
Jquery Mobile --小知识相关推荐
- JQuery AJAX小知识
JQuery AJAX小知识 开发工具与关键技术:SQL Server 2014 Management Studio AJAX小知识 作者:李国旭 撰写时间:2019年5月16日 起初学Jquery的 ...
- Android+Jquery Mobile学习系列(3)-创建Android项目
前两章分别对开发环境和Jquery Mobile基础知识进行了介绍,本章介绍创建一个Android项目,并使用WebView控件显示HTML数据. 首先创建一个Android Application项 ...
- 响应式设计和 jQuery Mobile
移动优先仍然重要吗? 是的!您仍然需要以移动优先的心态设计程序的所有功能.人们在手机上花费的时间越来越多,他们希望为他们开发产品的公司能够开发出能让他们继续通过手机查看这些产品的产品.如果您无法为他 ...
- jQuery mobile插件基础知识笔记
一.简介 1.Jquery mobile是针对触屏智能手机与平板电脑的website以及在线应用的前端开发框架. jQuery mobile是一个触控优化的HTML5 UI框架,旨在让所有智能手机.平 ...
- jquery/css需要记录的小知识(持续补充)
一.前言 2020年的第一篇了,奥利给! 这部分主要是汇总一些平时遇到的jquery和css小知识,作为笔记使用. 二.正文 1.jquery模拟select下拉框的选择事件,并传参数: self.s ...
- 《构建跨平台APP:jQuery Mobile移动应用实战》连载三(整蛊小游戏)
笔者当年还是一枚小白的时候,经常被QQ控件或各种论坛上的某个比较吸引人的标题所吸引,点开之后却发现网页中弹出了一个对话框,必须要不断地点击烦人的按钮无数次才能关闭这个页面.当时也曾经在网上搜索过相应的 ...
- 【初探移动前端开发03】jQuery Mobile(上)
前言 到目前为止,我打了几天酱油了,这几天落实了工作,并且看了一部电视连续剧(陈道明-手机),我很少看连续剧了,但是手机质量很高啊,各位可以看看. 我们今天先学习一下jquery mobile的基础知 ...
- jquery mobile_使用jQuery Mobile改善Web应用程序的安全性
jquery mobile 在你开始前 本教程适用于有兴趣保护其应用程序的jQuery Mobile开发人员. 假定读者具有使用PHP,MySQL,JavaScript,XHTML和CSS进行Web应 ...
- 移动应用程序设计/开发:jQuery Mobile入门指南
在过去的2-3年中,我们看到了对移动网站的浏览器和操作系统支持的巨大增长. 最值得注意的是苹果的iOS和谷歌的Android平台. 但是,诸如PalmOS和Blackberry之类的其他公司仍然处于混 ...
最新文章
- JAVA 设计模式 模板方法模式
- 前端开发利器webStorm 3.0配置使用
- 本科计算机专业在车辆段,机电与轨道车辆工程系2021届毕业生参加成都铁路局车辆段及电务段认知实习...
- done (330 lines in 0.02 seconds). 私人笔记,一份WEB测试报告
- python编程(wx客户端编写)
- [翻译]超炫列表动画的实现
- gogoclient java_链路跟踪-GRPC请求 - GoFrame官网 - 类似PHP-Laravel, Java-SpringBoot的Go企业级开发框架...
- 步进电机s型加减速计算工具_21个有关伺服电机的问题想当工程师的你一定得知道...
- (转)Managed DirectX +C# 开发(入门篇)(一)
- 时间序列分析matlab_平稳时间序列分析之模型识别
- WIN7 Activation
- Qt 之 QPainter
- 微信,你的野心到底有多大?
- 仿照CIFAR-10数据集格式,制作自己的数据集
- HTTPS(一) -- 基础知识(密钥、对称加密、非对称加密、数字签名、数字证书)
- 5G牌照发放 ,手机产业将迎来第二春
- 肩外展固定支架的规格参数介绍和使用方法
- 网页第三方追踪原理——如何通过1像素的图片追踪
- Lerna 多 package 源代码管理方案
- 国外渗透教学——CBT 国外的道德黑客Nuggets