jQuery Mobile教程-中级篇-dialog

作者：小春 日期：2013-04-04 点击：855
mobile
jQuery Mobile

特别申明：本系列教程由小春撰写

本文主要看一下jQuery Mobile体系中的dialog组件：
它开放了一个close的api

补充：如果你对dialog还是比较陌生的话，可以查看我们的《基础篇-弹窗篇》

1、如何关闭dialog？

示例：

//关闭dialog
$("#close-dialog-btn").click(function(){
	$("#alert-dialog").dialog("close");
});

源码：

//#4114
close:function(){
	window.history.back();
}

说明：
1、dialog插件开放一个方法close，其实内部逻辑和浏览器回退一个效果 2、dlalog的关闭的图标，点击的效果其实也是调用close

demo

PS:
1、有问题欢迎在官网留言或者直接联系我：@zhangyaochun_fe
2、可以在官网的问答频道进行提问，我们会尽快回复
3、谢谢您对w3cplus的jquery mobile系列教程的关注

关于小春

专注于前端开发，对ECMA底层有深入探究和兴趣…热衷新技术深入调研学习，涉足移动前端许久，爱好分享交流…个人博客focus-fe。欢迎随时关注我：新浪微博

返回顶部