jQuery Mobile教程-中级篇-dialog

特别声明:小站对部分原创文章已开启付费阅读,并开通年费VIP通道,年费价格为 ¥365.00元。如果您喜欢小站的内容,可以点击开通会员进行全站阅读。如果您对付费阅读有任何建议或想法,欢迎发送邮件至: airenliao@gmail.com!(^_^)

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

本文主要看一下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、谢谢您对w3cplusjquery mobile系列教程的关注

关于小春

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

Nike Magista Obra Low

如需转载,烦请注明出处:https://www.w3cplus.com/blog/711.html

如果文章中有不对之处,烦请各位大神拍正。如果你觉得这篇文章对你有所帮助,打个赏,让我有更大的动力去创作。(^_^)。看完了?还不过瘾?点击向作者提问!

赏杯咖啡,鼓励他创作更多优质内容!
返回顶部