首页 > Web开发 > 详细

Jquery mobile

时间:2015-08-13 06:25:02      阅读:245      评论: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
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!