$(function(){
			$(".dele").addClass('disabled');
			$(".add").click(function(){
				$(".name").removeClass('hidden');/*出现输入新添加按钮名字的框*/
				$(".yes").removeClass('hidden');//出现确认按钮
				$(".name").change(function(){//监控输入框变化
					if($(".name").val()!=""){//如果名字不为空
						$(".yes").removeClass("disabled");	//确认按钮可点击
						$(".yes").off().click(function() {//当点击确认按钮时，先移除事件
							$(".form-inline").hide();//输入框组消失
							var btnname=$(".name").val();//获取名字的值
							var typeorder=$(".typelist .btn").length+1;/*现有按钮顺序+1*/
							var typename="type"+typeorder;/*添加按顺序排下来的class*/
							var newbtn="<button class='btn typenum'>"+btnname+"</button>";//按钮样式
							$(".typelist").append(newbtn);//插入按钮
							$(".typelist .btn:last").addClass(typename);//添加新的class

							//下面添加新的页面
							$(".con").hide();
							var newpage="<div class='con'>"+
										"<button class='cancel'>"+"取消"+"</button>"+
										"<button class='save'>"+"保存"+"</button>"+
									"</div>";
							$(".mm").append(newpage);
							var typenum="page"+typeorder;
							$(".mm .con:last").addClass(typenum);

							//当点击按钮时的操作
							$(".typelist .btn").click(function(){
								$(this).addClass('current');
								var btnindex=$(".typelist .btn").index(this);
								//var pageindex=$(".mm .con").length;
								$(".con").hide();
								$(".con").eq(btnindex).addClass("current").show();
							});

							$(".dele").removeClass('disabled');//激活删除按钮
							//删除按钮操作
							$(".dele").click(function() {
								$(".current").remove();
							});
						});
					};
				});
				$(".form-inline").show();
			});
		})