$(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="";//按钮样式 $(".typelist").append(newbtn);//插入按钮 $(".typelist .btn:last").addClass(typename);//添加新的class //下面添加新的页面 $(".con").hide(); var newpage="
"+ ""+ ""+ "
"; $(".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(); }); })