jQuery Mobile教程-中级篇-textinput插件

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

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

1、动态创建input

示例：

//动态创建
$("#dynamic_input").bind('click',function(){
	//一次哦
	if($("#dynamic_input_new").length < 1){
		var str = '<input id="dynamic_input_new" placeholder="动态添加的按钮,theme为e"/>';
		$(str).insertAfter("#test_checkbox");
		
		//可以设置主题：
		$("#dynamic_input_new").textinput({
			theme:"e"
		})
	
	}
});

2、disable（禁用）

示例：

//禁用
$("#disable_input").bind('click',function(){
	$("#dynamic_input_new").textinput("disable");
});

3、enable（启用）

示例：

//启用
$("#enable_input").bind('click',function(){
	$("#dynamic_input_new").textinput("enable");
});

demo

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

关于小春

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