jQuery Mobile教程-中级篇-button组件

如果看完了还不过瘾?想和作者深聊相关话题,可以点击这里向作者提问!

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

本文我们来深度认识一下jQuery Mobile的button组件
主要让大家熟悉一下动态创建按钮、禁用按钮以及启用按钮

补充:如果你对button还是比较陌生的话,可以查看我们的《基础篇-按钮篇》

1、动态创建按钮

示例:

//动态创建
$("#dynamic_button").bind('click',function(){
	//一次哦
	if($("#dynamic_button_new").length < 1){
		
		//创建一个button,插入到id为test_checkbox的后面
		var str = '<button id="dynamic_button_new">动态添加的按钮</button>';
		$(str).insertAfter("#test_checkbox");
		
		//可以设置主题:
		$("#dynamic_button_new").button({
			theme:"e"
		})
		
	}
});

说明:
1、动态创建a链接按钮是无法调用后面的disable和enable进行相关操作的

2、disable(禁用)

示例:

//禁用
$("#disable_button").bind('click',function(){
	$("#dynamic_button_new").button("disable");
});

3、enable(启用)

示例:

//启用
$("#enable_button").bind('click',function(){
	$("#dynamic_button_new").button("enable");
});

demo

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

关于小春

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

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

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

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