标签:*** 框架 表单 this play ble 按钮 back 点击事件
优化商品添加表单js
思路
1、制作五个按钮
2、下面五个table
3、全部隐藏,点击则显示
4、点击第几个按钮就显示第几个table
具体操作
1、添加按钮
2、添加五个table并添加class隐藏后面四个
style="display:none" ->隐藏
class="tab_table" ->样式名,方便js操作
3、添加JS代码绑定点击事件【add.html的最下面】
/******切换代码******/ $("#tabbar-div p span").click(function(){ //点击的第几个按钮 var i = $(this).index(); //先隐藏所有的table $(".tab_table").hide(); //显示第i个table $(".tab_table").eq(i).show(); //先取消原按钮的选中状态 $(".tab-front").removeClass("tab-front").addClass("tab-back"); //设置当前按钮选中 $(this).removeClass("tab-back").addClass("tab-front"); });
标签:*** 框架 表单 this play ble 按钮 back 点击事件
原文地址:http://www.cnblogs.com/zixuanfy/p/6959788.html