一起学习网,一个一起免费的织梦建站教程资源共享和seo自学、黑帽seo技术学习的网站,www.17xuexiwang.com,一起学习,共同进步!

jQuery Mobile 面板

时间:2016-06-30 20:37   文章来源:一起学习网   访问次数:
jQuery Mobile 中的面板会在屏幕的左侧向右侧划出。
 
通过向指定 id 的 <div> 元素添加 data-role="panel" 属性来创建面板。
在 <div> 中添加 HTML 标记来显示你的面板内容:
<div data-role="panel" id="myPanel">
  <h2>面板标题..</h2>
  <p>文本内容..</p>
</div>
注意: panel 标记必须置于头部、内容、底部组成的页面之前或之后。
要访问面板,需要创建一个指向面板 <div> id 的链接,点击该链接即可打开面板:
<a href="#myPanel" class="ui-btn ui-btn-inline">打开面板</a>
简单的面板实例
实例
关闭面板
你可以通过点击面板外部区域或按下 Esc 键或滑动来关闭面板。你可以通过使用 data-* 属性来禁用滑动和点击来关闭面板:
属性
			
				
					
			
				
					
			
				
					
一起学习网原创文章,如想转载,请注明原文网址,注明出处;否则,禁止转载;谢谢配合!

上一篇:jQuery Mobile 导航栏
下一篇:jQuery Mobile 可折叠块