码迷,mamicode.com
首页 > Web开发 > 详细

Jquery mobile

时间:2015-08-13 06:27:38      阅读:143      评论:0      收藏:0      [点我收藏+]

标签:

1.页面初始化事件
 pagebeforecreate:页面创建前
 pagecreate:页面创建了,但是没有被加载进去
 pageinit:初始化后
2.页面加载事件
 pagebeforeload:页面加载时,卸载时或者遭遇失败时
 pageload:加载成功,加载到dom中
3.页面过度的事件
pagebeforeshow:(页面2)
pageshow:(页面2)
pagebeforehide:(页面1)
pagehide:(页面1)


Touch 事件
tap事件
taphold长按

loading图标 $.mobile.loading(‘show‘);
$.mobile.loading(‘hide‘);
http://www.corsproxy.com/www.baidu.com

按钮样式
ui-crner-all 圆角
ui-shadow 阴影
ui-btn-inline 并排显示
ui-btn-a 
ui-btn-b

自定义导航栏
<div data-role=‘navbar‘ data-postion=‘fix‘>
<ul>
<li><a>2222</a>2222</li>
<li><a>2222</a>2222</li>
<li><a>2222</a>2222</li>
<li><a>2222</a>2222</li>
</ul>
</div>


图标
data-icon=‘camera‘ 可以自定义图标,官方文档有解决方法

列表
在ul里面添加 data-role=‘listview‘

data-inset=true

右上角 class=‘ui-li-aside‘

  

Jquery mobile

标签:

原文地址:http://www.cnblogs.com/alphafly/p/4725999.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!